@charset "utf-8";
.vct {}
.nav-son-top {display:none;}
.nav-son-top dl {width:50%; overflow:auto;}
.nav-son-top dl dt {float:left; width:25%; margin:0 5%; font-size:2rem; line-height:40px;}
.nav-son-top dl dd {float:left; width:65%; font-size:1rem; line-height:40px;}
.nav-son-top dl dd a {display:inline-block; margin:0 1%; color:#666;}
.nav-son-top dl dd a:hover,.nav-son-top dl dd a.focus {color:#0099dc;}
.vct.web .nav-son-top {height:40px; border-bottom:solid 1px gray; display:block; }

.vct.web .nav-son-top dl{width: 1024px; margin: 0 auto;}
.vct.web .nav-son-top dt{ float: left;width: auto;margin: 0;font-size: 2rem;line-height: 40px;margin-right: 43px;}

.nav-son-bottom {display:block;}
.nav-son-bottom a {display:block; height:40px; margin-bottom:1%; background:#0099dc; font-size:1.5rem; color:#FFF; line-height:40px; text-align: left;}
.nav-son-bottom a img {display:inline; width:auto; height:13px; margin:0 5%;}
.vct.web .nav-son-bottom {display:none;}

.voice {width:100%; margin:0 auto;}
.voice .text {margin:2.5% 0; overflow:auto;}
.voice .text p {text-align:center; font-size:1.25rem; color:#0099dc;}
.voice .text p span {display:block;}
.voice .text img {width:109px; height:43px; margin:1% auto 0;}
.voice .img {}
.voice .img ul {overflow:auto;}
.voice .img ul li {position:relative; float:left; width:49%; margin-bottom:10%; padding:0 0.5%; cursor:pointer;}
.voice .img ul li span {position:absolute; bottom:-10%; right:0; width:40%; display:block;}
.voice .img ul li .cover {position:absolute; top:0; left:0; width:100%; height:100%;}
.voice .img ul li .cover img {position:absolute; top:59%; left:0;}
.voice .img ul li .cover a {position:absolute; top:66%; left:13%; width:74%; height:24px; background:#0099dc url(../voice/images/icon.gif) no-repeat 5% 50%; text-align:center; color:#FFF; line-height:24px;}
.voice .list {position:relative;}
.voice .list .ul {}
.voice .list .ul ul {}
.voice .list .ul ul li {position:relative; margin-bottom:2%;}
.voice_list {position:absolute; top:0; left:0; width:100%; height:100%;}
.voice_list .title {position:absolute; top:0; left:0; width:100%; padding:10px 0; background:#FFF; display:none;}
.voice_list .title img {width:auto;}
.voice_list p {position:absolute; background:url(../voice/images/cover.png) repeat;}
.voice_list.page {position:relative;}
.voice_list.page .dl {margin:0 1%; overflow:auto;}
.voice_list.page .dl dl {float:left; width:31%; padding:0 1%;}
.voice_list.page .dl dl dt {}
.voice_list.page .dl dl dd {}
.voice_list.page .dl dl dd a {display:block; width:100%; height:24px; margin-top:1%; background:#0099dc url(../voice/images/icon.gif) no-repeat 5% 50%; text-align:center; color:#FFF; line-height:24px;}
.voice_list.page .reset {margin-top:5%; text-align:center;}
.voice_list.page .reset img {display:inline-block; width:22%;}
.voice_list.page .shop {text-align:center;}
.voice_list.page .shop p {position:relative; display:inline-block; margin-top:25px; background:none; font-size:1.5rem; vertical-align:top;}
.voice_list.page .shop p span {font-size:1rem;}
.voice_list.page .shop p a {display:block; width:100px; margin:5% auto 0; background:#0099dc; text-align:center; font-size:1rem; color:#FFF;}
.voice_list.page .shop img {display:inline-block; width:130px;}
.voice_list.page1-1,.voice_list.page2-1,.voice_list.page3-1,.voice_list.page4-1 {}
.voice_list.page1-2 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page1-3 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page1-4 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page1-5 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page1-6 p {bottom:30%; left:10%; width:90%; padding:0%; background:none;}
.voice_list.page1-6 p span {display:block; font-size:2rem;}
.voice_list.page1-6 p a {display:block; width:90px; background:#0099dc; text-align:center; color:#FFF;}
.voice_list.page2-2 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page2-3 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page2-4 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page2-5 p {bottom:40%; left:10%; width:90%; padding:0%; background:none;}
.voice_list.page2-5 p span {display:block; font-size:2rem;}
.voice_list.page2-5 p a {display:block; width:90px; background:#0099dc; text-align:center; color:#FFF;}
.voice_list.page3-2 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page3-3 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page3-4 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page3-5 p {bottom:40%; left:10%; width:90%; padding:0%; background:none;}
.voice_list.page3-5 p span {display:block; font-size:2rem;}
.voice_list.page3-5 p a {display:block; width:90px; background:#0099dc; text-align:center; color:#FFF;}
.voice_list.page4-2 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page4-3 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page4-4 p {bottom:0%; left:0%; width:95%; padding:1% 2.5%;}
.voice_list.page4-5 p {bottom:80%; left:10%; width:80%; padding:0%; background:none; text-align:center;}
.voice_list.page4-5 p span {display:block; font-size:2rem;}
.voice_list.page4-5 p a {display:inline-block; width:90px; background:#0099dc; text-align:center; color:#FFF;}

/*-- tablecomp --*/
.tablecomp { border-collapse: collapse;border-spacing: 0;font-size: 15px;table-layout: auto;width: 100%;}
.tablecomp .hd td{ height: 40px;line-height: 40px;text-align: center;font-size: 2rem;color: #5a5a5a;background: #fff; }
.tablecomp .imgcol td{vertical-align:bottom; padding-top: 10px;}
.tablecomp .imgcol td .ct{padding-top: 0;    line-height: 1;}
.tablecomp .imgcol .img {width: auto; margin: 0 auto;}
.tablecomp p {text-align: left; font-size: 15px; padding: 15px 8px; color: #838383;}
.tablecomp p.ct {text-align:center;}
.tablecomp .imgcol .img img{width: 70%; margin: 0 auto;max-width:130px;}
.tablecomp td {border: 0px solid #bfbfbf;  width: 33%;color: #838383;}

.tablecomp tr.lay3 img{width: 100%; max-width:202px;}
.tablecomp tr.lay3 img.img1{width: 100%; max-width:77px; height: 66px;}

.tablecomp tr.lay5 td{position:relative; }
.tablecomp tr.lay5 td {border-bottom:0;}

.tablecomp tr.lay7 td {border-top:0; position:relative; vertical-align:bottom;}
.tablecomp tr.lay7 td img {width: 100%; margin: 0 auto;display:block; max-width:179px;}

.tablecomp tr.lay5 img{width: 100%;}

.tablecomp tr.lay6 td{position:relative;}
.tablecomp tr.lay6 img{}

.tablecomp .hd2 td{line-height: 40px; text-align: center;padding: 0;    font-size: 1.5rem;background: #eee;
    background-image:-webkit-linear-gradient(left, #fff, #eee,#eee,#eee,#fff);
  background-image:linear-gradient(left, #fff, #eee, #eee, #eee, #fff);
}
.tablecomp img {width: auto;}
.tablecomp dt,
.tablecomp dd
{font-size: 1.25rem;color:#838383}
.tablecomp .lay1 td{padding: 15px;}
.tablecomp .lay1 td img {display:block;margin: 0 auto;margin-top: 20px;    width: 100%;}
.tablecomp .lay1 td:nth-child(1) img {max-width:117px;}
.tablecomp .lay1 td:nth-child(2) img {max-width:102px;}
.tablecomp .lay1 td:nth-child(3) img {max-width:102px;}
.tablecomp .lay1 dl{display:block;}
.lay2 td {padding: 15px;}
.lay2 img,
.lay3 img,
.lay4 img,
.lay5 img
{margin: 0 auto;}
.tablecomp tr td:first-child{border-left: 0px solid #000;}
.tablecomp tr td:last-child{border-right: 0px solid #000;}

.tablecomp tr td .circle{margin: 0 auto;}

.tablecomp tr.imgcol td{vertical-align:bottom;}

.tablecomp td[colspan="4"]{}

.tablecomp-rp tr td:nth-child(2) {border-right:0;}
.tablecomp-rp tr td:nth-child(3),
.tablecomp-rp tr td:nth-child(4)
{display:none;}

.tablecomp-rs tr td:nth-child(2) {border-right:0;}
.tablecomp-rs tr td:nth-child(1),
.tablecomp-rs tr td:nth-child(4)
{display:none;}

.tablecomp-lite tr td:nth-child(2) {border-right:0;border-left: 0;}
.tablecomp-lite tr td:nth-child(1),
.tablecomp-lite tr td:nth-child(2)
{ display:none;}

.tablecomp-lite colgroup col {width: 50%;}
.tablecomp-lite colgroup col:nth-child(1),
.tablecomp-lite colgroup col:nth-child(3)
{display:none;}

.tablecomp-lite tr.hd td:nth-child(1),
.tablecomp-lite tr.hd2 td:nth-child(1)
{display:table-cell;}

.tablecomp-rt tr td:nth-child(2) {border-right:0;border-left: 0;}
.tablecomp-rt tr td:nth-child(1),
.tablecomp-rt tr td:nth-child(2)
{ display:none;}
.tablecomp-rt colgroup col {width: 50%;}
.tablecomp-rt colgroup col:nth-child(1),
.tablecomp-rt colgroup col:nth-child(4)
{display:none;}

.tablecomp-rt tr.hd td:nth-child(1),
.tablecomp-rt tr.hd2 td:nth-child(1)
{display:table-cell;}

.tablecomp-rs tr.hd td:nth-child(1),
.tablecomp-rs tr.hd2 td:nth-child(1)
{display:table-cell;}

.vct.web .lay1 dl{ display: block;float: left;width: 186px;}
.vct.web .lay1 td img{ display: block;margin: 0;margin-top: 0;float: right;}

.vct.web .voice {width:1024px;}
.vct.web .voice .text p {float:left; width:66%; margin-top:0.5%; font-size:2rem;}
.vct.web .voice .text img {float:left; width:218px; height:86px; margin:0;}
.vct.web .voice .img ul li {width:24%;}
.vct.web .voice .img ul li .cover {top:75%; height:25%; background:url(../voice/images/cover.png) repeat;}
.vct.web .voice .img ul li .cover img {top:25%;}
.vct.web .voice .img ul li .cover a {top:50%; left:30%; width:40%; z-index:1;}
.vct.web .voice .img ul li:hover .cover {top:0%; height:100%;}
.vct.web .voice .img ul li:hover .cover img {top:50%;}
.vct.web .voice .img ul li:hover .cover a {top:60%;}

.vct.web .tablecomp tr.lay7 td img,
.vct.web .tablecomp tr.lay6 img,
.vct.web .tablecomp .lay1 td img
{width: auto;}

.vct.web .tablecomp tr td{display: table-cell !important;}
.vct.web .tablecomp colgroup col {width:auto;}
.vct.web .tablecomp tr td{width: 25%;}

/*.vct.web .voice .list .ul {position:absolute; top:0; overflow:hidden;}
.vct.web .voice .list .ul ul {position:absolute; top:0; left:0; width:100%;}
.vct.web .voice .list .ul ul li {margin:0;}
.vct.web .voice_list {display:none;}*/
.vct.web .voice_list .title {display:block;}
.vct.web .voice_list p {/*font-size:2rem;*/ font-size:20px;}
.vct.web .voice_list.page .dl {margin:5% 10% 0;}
.vct.web .voice_list.page .dl dl dd {font-size:1.25rem;}
.vct.web .voice_list.page .dl dl dd a {width:50%; margin:2.5%;}
.vct.web .voice_list.page .reset img {width:188px;}
.vct.web .voice_list.page .shop {margin-top:2.5%;}
.vct.web .voice_list.page .shop p {margin-top:15px;}
.vct.web .voice_list.page1-2 p {bottom:70%; left:50%; width:40%; padding:1% 2.5%;}
.vct.web .voice_list.page1-3 p {bottom:10%; left:7.5%; width:37%; padding:1% 2.5%;}
.vct.web .voice_list.page1-4 p {bottom:20%; left:15%; width:42%; padding:1% 2.5%;}
.vct.web .voice_list.page1-5 p {bottom:70%; left:10%; width:35%; padding:1% 2.5%;}
.vct.web .voice_list.page1-6 p {bottom:40%; left:20%; width:80%;}
.vct.web .voice_list.page1-6 p span {font-size:4rem;}
.vct.web .voice_list.page1-6 p a {width:180px;}
.vct.web .voice_list.page2-2 p {bottom:50%; left:10%; width:35%; padding:1% 2.5%;}
.vct.web .voice_list.page2-3 p {bottom:50%; left:5%; width:49%; padding:1% 2.5%;}
.vct.web .voice_list.page2-4 p {bottom:50%; left:50%; width:35%; padding:1% 2.5%;}
.vct.web .voice_list.page2-5 p {bottom:40%; left:20%; width:80%;}
.vct.web .voice_list.page2-5 p span {font-size:4rem;}
.vct.web .voice_list.page2-5 p a {width:180px;}
.vct.web .voice_list.page3-2 p {bottom:80%; left:10%; width:32%; padding:1% 2.5%;}
.vct.web .voice_list.page3-3 p {bottom:50%; left:10%; width:35%; padding:1% 2.5%;}
.vct.web .voice_list.page3-4 p {bottom:50%; left:50%; width:30%; padding:1% 2.5%;}
.vct.web .voice_list.page3-5 p {bottom:40%; left:20%; width:80%;}
.vct.web .voice_list.page3-5 p span {font-size:4rem;}
.vct.web .voice_list.page3-5 p a {width:180px;}
.vct.web .voice_list.page4-2 p {bottom:27%; left:52%; width:30%; padding:1% 2.5%;}
.vct.web .voice_list.page4-3 p {bottom:50%; left:60%; width:32%; padding:1% 2.5%;}
.vct.web .voice_list.page4-4 p {bottom:75%; left:50%; width:40%; padding:1% 2.5%;}
.vct.web .voice_list.page4-5 p {bottom:80%; left:10%; width:80%;}
.vct.web .voice_list.page4-5 p span {font-size:4rem;}
.vct.web .voice_list.page4-5 p a {width:180px;}

.voice .userjp-1 {margin-top:5%;}
.voice .userjp-1 .left {display:none;}
.voice .userjp-1 .center {text-align:center;}
.voice .userjp-1 .center h1 {/*font-weight:normal;*/ font-size:1.5rem; color:#0098da;}
.voice .userjp-1 .center p {margin:2.5% 0;}
.voice .userjp-1 .center a {display:block; margin:0 10%;}
.voice .userjp-1 .right {display:none;}
.voice .userjp-2 {margin:5% 0;}
.voice .userjp-2 ul {margin:0 1%; overflow:auto;}
.voice .userjp-2 ul li {float:left; width:48%; padding:1%;}
.voice .userjp-2 ul li dl {height:400px; padding:2.5%; background:#f4f4f4;}
.voice .userjp-2 ul li dt {margin-bottom:2.5%; padding-bottom:2.5%; border-bottom:solid 1px #000; overflow:auto;}
.voice .userjp-2 ul li dt img {float:left; width:30%; border:solid 1px #000;}
.voice .userjp-2 ul li dt p {float:left; width:60%; margin:0 3%; color:#0098da;}
.voice .userjp-2 ul li dd {}

.vct.web .voice-adscol { background: url("../images/kv_pc.jpg") center 46px no-repeat;height: 360px;margin-bottom: -401px;}
.vct.web .voice .userjp-1 {overflow:auto; }
.vct.web .voice .userjp-1 .left {display:block; float:left; width:269px; margin-top:5%;}
.vct.web .voice .userjp-1 .center {float:left; width:486px;}
.vct.web .voice .userjp-1 .center h1 {font-size:2rem;}
.vct.web .voice .userjp-1 .center p {font-size:1.5rem;}
.vct.web .voice .userjp-1 .right {display:block; float:left; width:269px; margin-top:10%;}
.vct.web .voice .userjp-2 ul li {width:23%;}
.vct.web .voice .userjp-2 ul li dl {height:300px;}
.vct.web .voice .userjp-2 ul li dt p {margin-top:5%; font-size:1.25rem;}

/*-- viewotherpro --*/

.viewotherpro {margin:5% 0; background:url(../rs/images/viewotherpro-wap.jpg) no-repeat 50% 50%; background-size:100% 100%; overflow:auto;}
.viewotherpro .left {    text-align: center;}
.viewotherpro .right {margin-top:5%;}
.viewotherpro .left > h1 { text-align:center; font-size:24px; color: #000; margin-bottom: 20px;}
.viewotherpro .left .text h1 {font-size: 14px; margin-bottom: 10px;}
.viewotherpro h1 p {font-size:1rem;}
.viewotherpro .item {text-align:center;}
.viewotherpro .item .text {display:inline-block; margin:0 27px; text-align:center;}
.viewotherpro .item .text .span1 {display:inline-block; width:13px; height:13px; background:#FFF; border:solid 1px #797979; margin-top:5%;}
.viewotherpro .item .text .span2 {display:inline-block; width:13px; height:13px; background:#fae685; border:solid 1px #fae685; margin-top:5%;}
/*.viewotherpro .item .text .span2 {display:inline-block; width:13px; height:13px; background:#000; border:solid 1px #000; margin-top:5%;}*/
.viewotherpro .item .text .span3 {display:inline-block; width:13px; height:13px; background:#ffcdd5; border:solid 1px #ffcdd5; margin-top:5%;}
.viewotherpro .item .text .span4 {display:inline-block; width:13px; height:13px; background:#b7e3ff; border:solid 1px #b7e3ff; margin-top:5%;}
.viewotherpro .item .text .a1 {display:block; width:108px; height:22px; margin:5% auto 0; background:#d8d8d8; text-align:center; font-size:1rem; color:#000; line-height:22px; margin:10px auto 0;}
.viewotherpro .item .text .a2 {display:block; width:108px; height:22px; margin:5% auto 0; background:#0098da; text-align:center; font-size:1rem; color:#FFF; line-height:22px;}
.viewotherpro .item .img {display:inline-block; width:113px; margin-top:10%;}

.viewotherpro .rs {text-align:center;}
.viewotherpro .rs .img { text-align:center; margin:0 27px; margin: 0 auto;}
.viewotherpro .rs .img img { height: auto;width: auto;margin: 0 auto;margin-bottom: 14px;}
.viewotherpro .rs .text { display: inline-block;width: auto;text-align: left;}
.viewotherpro .rs .text h1 {text-align:left;}
.viewotherpro .rs .text a {color:#0098da;}

.viewotherpro .rs-2 {margin-top: 40px;}

.viewotherpro .rp { text-align: center;padding-top: 40px;}
.viewotherpro .rp .img { display: inline-block;width: 113px;margin: 0 27px;margin-left: -24px;}
.viewotherpro .rp .img img {height: 100px; width: auto; margin-left: auto; }
.viewotherpro .rp .text {display:inline-block; width:108px; text-align:center;}
.viewotherpro .rp .text h1 {text-align:center;}
.viewotherpro .rp .text a.a1 { display: block;width: 108px;height: 22px;margin: 5% auto 0;background: #d8d8d8;text-align: center;font-size: 1rem;color: #000;line-height: 22px;}
.viewotherpro .rp .text a.a2 { display: block;width: 108px;height: 22px;margin: 5% auto 0;background: #0098da;text-align: center;font-size: 1rem;color: #FFF;line-height: 22px;}
.viewotherpro .rp .text .span1 { display: inline-block;width: 13px;height: 13px;background: #fff;border: solid 1px #797979;margin-top: 5%;}
.viewotherpro .rp .text .span2 { display: inline-block;width: 13px;height: 13px;background: #000;border: solid 1px #a69174;margin-top: 5%;}

.viewotherpro .center {margin-top: 30px;}
.viewotherpro .center a {display:block; width:184px; height:30px; margin:0 auto; text-align:center; font-size:1.25rem; color:#FFF; line-height:30px; color: #0098da; font-size: 14px;}

.viewotherpro .center a.hover-blur:hover {box-shadow:none;}

.vct.web .viewotherpro {margin-bottom:0;}
.vct.web .viewotherpro .left {}
.vct.web .viewotherpro .right {border-top:1px solid #eee; overflow:hidden;}
.vct.web .viewotherpro .right .rightinside {width: 1000px; margin: 0 auto;}

.vct.web .viewotherpro h1 {}
.vct.web .viewotherpro h1 p {}
.vct.web .viewotherpro .item {width:191px; display:inline-block;}
.vct.web .viewotherpro .item .text { float: none;margin: 0 auto;margin-top: 0;}
.vct.web .viewotherpro .item .text .span1 {}
.vct.web .viewotherpro .item .text .span2 {}
.vct.web .viewotherpro .item .text .span3 {}
.vct.web .viewotherpro .item .text .span4 {}
.vct.web .viewotherpro .item .text .a1 {}
.vct.web .viewotherpro .item .text .a2 {}
.vct.web .viewotherpro .item .img { float: none;width: 170px;margin-top: 5%;}

.vct.web .viewotherpro .rp { width: 191px;float: left;margin-left: 50px;margin-right: 20px;padding-top: 4px;}
.vct.web .viewotherpro .rp .text { float: none;margin: 0 auto;margin-top: 11px; text-align: center;}
.vct.web .viewotherpro .rp .text .span1 { display: inline-block;width: 13px;height: 13px;background: #fff;border: solid 1px #797979;margin-top: 5%;}
.vct.web .viewotherpro .rp .text .span2 { display: inline-block;width: 13px;height: 13px;background: #000;border: solid 1px #a69174;margin-top: 5%;}
.vct.web .viewotherpro .rp .text .a1 { display: block;width: 108px;height: 22px;margin: 2.5% auto 0;background: #d8d8d8;text-align: center;font-size: 1rem;color: #000;line-height: 22px;}
.vct.web .viewotherpro .rp .text .a2 { display: block;width: 108px;height: 22px;margin: 2.5% auto 0;background: #0098da;text-align: center;font-size: 1rem;color: #FFF;line-height: 22px;}
.vct.web .viewotherpro .rp .img { float: none;width: 170px;margin-top: 5%;margin-left: auto;margin-right: auto;}

.vct.web .viewotherpro .rp .img img { height: 135px;margin: 0 auto;}

.vct.web .viewotherpro .rs {float: left;width: 50%;margin-top: 0;background: #fff;}
.vct.web .viewotherpro .rs .rsin {padding: 70px 20px;}
.vct.web .viewotherpro .rs-1 .rsin {border-right: 1px solid #eee;overflow: hidden;}
.vct.web .viewotherpro .rs .img { float: none;margin: 0;display: block;margin: 0 auto;}
.vct.web .viewotherpro .rs .text {float:none;     margin-top: 21px;}
.vct.web .viewotherpro .rs .text h1 {}
.vct.web .viewotherpro .rs .text a {}
.vct.web .viewotherpro .center {}

.vct.web .viewotherpro .item .img img{ width:auto;margin: 0 auto;}

.vct.web .viewotherpro .right .rs img{ height: 100px;width: auto; margin:0 auto;}

.vct.web .viewotherpro .right h1{font-size: 25px;color: #686868;font-weight:normal;display:inline-block; margin-right: 10px; font-weight:normal;}

.vct.web .viewotherpro .item-rp .span2{display:inline-block; width:13px; height:13px; background:#000; border:solid 1px #000; margin-top:5%;}

.vct.web .viewotherpro .item-rs .span1{}
.vct.web .viewotherpro .item-rs .span2{background:#a69174;border: 1px solid #a69174;}
.vct.web .viewotherpro .item-rs .span3{background:#d9b2ad;border: 1px solid #d9b2ad;}

.vct.web .viewotherpro .item-lite .span1{}
.vct.web .viewotherpro .item-lite .span2{background:#fae685;border: 1px solid #fae685;}
.vct.web .viewotherpro .item-lite .span3{background:#ffcdd5;border: 1px solid #ffcdd5;}
.vct.web .viewotherpro .item-lite .span4{background:#b7e3ff;border: 1px solid #b7e3ff;}

.clearimg{width:100%;height:auto}
.clearlife{margin: 38px auto;}
.clearlife .cleartip{width:350px;color:#333;margin:0 auto;font-size:1.6rem;text-align: center;border-top:1px solid #333;border-bottom:1px solid #333;line-height: 60px;padding: 0 1px;}
.clearlife .clearwrap{width:100%;height: auto;margin-top:38px;border: 1px solid transparent;}
.clear::after{clear: both;content: "";display: block;}
.fl{float:left} .fr{float:right}
.clearwrap li{width:100%;height:auto;margin-bottom: 15px;}
.clearlife .clearwrap .imgwrap{width:50%;height:auto;text-align: center;}
.clearlife .clearwrap .imgwrap img{width:90%;height:auto;}
.clearlife .clearwrap .textwrap{width:45%;height:auto;margin-top: 16%;}
.clearlife .clearwrap .textwrap p{font-size: 24px;color: #333;font-weight: 600;line-height: 60px;}
.clearlife .clearwrap .textwrap div{width:100%;color: #666;margin-top: 20px;font-size: 16px;line-height: 32px;}
.cleartext{width:100%;color: #666;text-align: center;line-height: 32px;padding: 25px 0;font-size: 16px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin-top: 50px;}
.clearlife  .shop {text-align:center;}
.clearlife  .shop p {position:relative; display:inline-block; margin-top:25px; background:none; font-size:1.5rem; vertical-align:top;}
.clearlife  .shop p span {font-size:1rem;}
.clearlife  .shop p a {display:block; width:100px; margin:5% auto 0; background:#0099dc; text-align:center; font-size:1rem; color:#FFF;}
.clearlife  .shop img {display:inline-block; width:130px;}
@media screen and (max-width: 414px) and (min-width: 320px){
.clearlife .clearwrap {width:98%;padding: 0 1%;}
.clearlife .cleartip {width:75%;font-size: 1.2rem;line-height: 50px;}
.clearwrap li {margin-bottom: 25px;}            
.clearlife .clearwrap .textwrap {width: 50%;height: auto;margin-top: 6%;}
.clearlife .clearwrap .textwrap1 {margin-top: 3%;}
.clearlife .clearwrap .textwrap2 {margin-top: -1.5%;}
.clearlife .clearwrap .textwrap p{font-size: 15px;line-height: 36px;}
.clearlife .clearwrap .textwrap div{width:100%;color: #666;margin-top: 10px;font-size: 13px;line-height: 18px;}
.cleartext{width:98%;padding: 20px 1%;margin-top: 20px;font-size: 14px;line-height: 28px;}
}
@media only screen and (max-width: 320px){
.clearlife .cleartip {width:85%;}
.clearlife .clearwrap .textwrap p{font-size: 14px;line-height: 30px;}
.clearlife .clearwrap .textwrap div{width:100%;margin-top: 10px;font-size: 1rem;line-height: 1.5rem;}	
.clearlife .clearwrap .textwrap1 {margin-top: 1%;}
.clearlife .clearwrap .textwrap2 {margin-top: -4%;}
}