pfhwyigou/mobile/web/zt/colorful/style.css

.wcopy,.y_puicfoot{display:none;}

body {background:#fcf3ea;}
.y_header {background:#fff;border-bottom: 1px solid #efefef;}
.header_menu a {background:url(/image/house/w_menu.png) no-repeat center;}
.header_logo2 {top:8px;}
.header_back {padding:14px 0 0 15px;}
.header_back a img {width:20px;height:19px;}

.qwpuic {display:none;}
/*解决当输入内容后有背景颜色*/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
	 -webkit-box-shadow: 0 0 0px 1000px #fff inset;
 }

.ww-colorful-box {max-width:750px;margin:0 auto;}
.ww-colorful-box > img {display:block;width:100%;}
.wwpr {position:relative;}
.wwpr > img {display:block;width:100%;}
.wtime {position:absolute;bottom:0;left:50%;margin-left:-26%;background:rgba(255,255,255,0.6);font-size:0.6rem;padding:2px 15px;border-radius:15px;color:#43464C;}
.w-clickbtn {display:block;position:absolute;top:0px;left:50%;width:94%;height:37px;margin-left:-47%;}

.wwpin {width:94%;position:absolute;top:0;left:50%;margin-left:-47%;}
.wwpab {background:#fff;border:1px solid #999999;border-radius:2px;}
.wwpab img {display:inline-block;width:9px;height:13px;position:absolute;top:12px;left:13px;}
.wwpab .m_lpipnt {border:none;height:35px;line-height:35px;margin-left:30px;width:90%;font-size:0.75rem;}
.wwpab a {display:inline-block;position:absolute;top:0;right:0;background:#3B7EED;color:#fff;height:37px;line-height:37px;font-size:0.875rem;border-radius:2px;width:94px;text-align:center;font-weight:bold;}
.video_box {width:94%;position:absolute;top:0;left:50%;margin-left:-47%;height:210px;}
.video_box_img {position:absolute;top:0;left:0;z-index:10;}
.video_box_img:after {content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;}
.video_box_img > img {display:inline-block;width:100%;height:210px;}
.video_box_play {position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;z-index:10;}
.video_box_play img {display:inline-block;width:50px;height:50px;}
.whu {width:92%;position:absolute;top:0;left:50%;margin-left:-46%;min-height:218px;}
.whu-box {padding:0 10px;margin-top:10px;}
.whu-list {display: -webkit-flex;display: flex;flex-wrap: nowrap;padding:15px 0;}
.whu-list > span {font-size:0.9px;font-weight:bold;width:15%;}
.whu-list span img {display:inline-block;width:16px;height:16px;margin-right:5px;position:relative;top:-2px;}
.whu-list + .whu-list {border-top:1px solid #E1E4EE;}
.whu-list .whu-list-span {display: -webkit-flex;display: flex;flex-wrap: nowrap;width:82%;margin-left:5px;}
.whu-list .whu-list-span span {display:inline-block;width:78px;font-size:0.75rem;}
.whu-list .whu-list-span span:nth-child(2) {width:70px;}
.whu-list .whu-list-span span:nth-child(3) {width:72px;}
.whu-list .whu-list-span span:before {content:"";display:inline-block;width:10px;height:10px;border:1px solid #797C86;border-radius:50%;margin-right:3px;position:relative;top:2px;}
.whu-list .whu-list-span span.on:before {border:3px solid #334EC0;width:6px;height:6px;}
.wwom {position:relative;width:100%;padding-bottom:25px;}
.whins {width:82%;margin-left:5px;}
.whins span {display:inline-block;width:82px;font-size:0.75rem;vertical-align:top;}
.whins span:before {content:"";display:inline-block;width:10px;height:10px;border:1px solid #797C86;border-radius:50%;margin-right:3px;position:relative;top:2px;}
.whins span.on:before {border:3px solid #334EC0;width:6px;height:6px;}
.ans {width:94%;margin:0 auto;}

.wswiper,.wswiper2,.wswiper3 {overflow:hidden;}
.whx {width:94%;margin:0 auto;overflow:hidden;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.whx ul li img {display:inline-block;width:100%;height:100%;}
.shun {text-align:center;padding:10px 0 20px 0;border-bottom:1px solid #E1E4EE;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
.swiper-pagination-bullet-active {width:19px;border-radius:10px;background:#0F5091;}
.wswiper2 {margin-top:20px;}
.shun2 {margin:15px 0;text-align:center;}
/*.bno {margin-bottom:25px;}*/


/*问答*/
.ask {}
.ask ul li {border-bottom:1px solid rgba(27,57,184,0.2);}
.ask ul li > p {font-size:0.75rem;color:#2D2F37;padding:9px 0;position:relative;}
.ask ul li > p:after {content:"";display:inline-block;color:#585E6F;position:absolute;top:17px;right:0;width:10px;height:6px;background:url(/zt/colorful/image/arrows.png) no-repeat center/10px 6px;
		transform:rotate(-90deg);
-ms-transform:rotate(-90deg);   /* IE 9 */
-moz-transform:rotate(-90deg);  /* Firefox */
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);  /* Opera */
}
.ask ul li > p.on:after{
	transform:rotate(0deg);
-ms-transform:rotate(0deg);   /* IE 9 */
-moz-transform:rotate(0deg);  /* Firefox */
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);  /* Opera */
}
.ask ul li > p i {display:inline-block;background:#4FA3FD;color:#fff;padding:2px;border-radius:2px;margin-right:5px;}
.ask ul li .asks {font-size:0.75rem;color:#2D2F37;display: -webkit-flex;display: flex;flex-wrap: nowrap;padding:13px 0;border-top:1px solid #DBDBDB;display:none;}
.ask ul li .asks i {display:inline-block;background:#FE6766;color:#fff;padding:2px;border-radius:2px;margin-right:5px;height:19px;}
.ask ul li .asks p {line-height:20px;}
.ask ul li.on .asks {display:-webkit-flex;}

.wtext {width:94%;margin:0 auto;}
.wtext p.title {font-size:1rem;font-weight:bold;color:#2C2F38;}
.wtext textarea {display:block;width:100%;height:80px;padding:11px;margin-top:13px;font-size:0.875rem;resize:none;border:1px solid #000000;}

.wndt {}
.wndt .wwpabs {margin-top:15px;position:relative;height:38px;border:1px solid #B7BED3;border-radius:3px;}
.wndt .wwpabs input {border:none;height:36px;line-height:36px;padding-left:27px;width:100%;font-size:0.875rem;}
.wndt .wwpabs img {position:absolute;top:11px;left:11px;display:inline-block;width:9px;height:14px;}
.wndt .wclickbtn {height:38px;line-height:38px;text-align:center;color:#ffffff;background:#3B7EED;border-radius:2px;margin-top:13px;margin-bottom:25px;}

.wlistspan {display: -webkit-flex;display: flex;flex-wrap: nowrap;margin-top:21px;margin-bottom:18px;}
.wlistspan span {display:inline-block;width:25%;font-size:0.75rem;text-align:center;}
.wlistspan span i {display:inline-block;background:#E4EEFF;color:#3B7EED;padding:5px 12px;}

.wwpabsbox {display: -webkit-flex;display: flex;flex-wrap: nowrap;}
.wwpabsbox .wwpabs:nth-child(1) {width:100px;}
.wwpabsbox .wwpabs:nth-child(1) img {width:14px;height:14px;}
.wwpabsbox .wwpabs:nth-child(2) {margin:15px 10px 0;}
.wwpabsbox .wwpabs:nth-child(3) {width:115px;}
.wwpabsbox .wwpabs:nth-child(3) img {width:14px;height:14px;}
.wwpabsbox .wwpabs input {font-size:12px;}


.wbnav {display: -webkit-flex;display: flex;flex-wrap: nowrap;position:fixed;left:0;bottom:0;width:100%;background:#fff;height:60px;z-index:100;}
.wbnav a {display:inline-block;width:20%;font-size:0.6875rem;color:#555763;text-align:center;padding:10px 0 12px 0;position:relative;}
/*.wbnav a.on {background:#1735B7;color:#fff;}*/
.wbnav a + a:after {content:"";display:inline-block;width:1px;height:44px;background:#E7E7E7;position:absolute;left:0;top:10px;}
.wbnav a i {display:inline-block;width:24px;height:24px;}
.wbnav a:nth-child(1) i {background:url(/zt/colorful/image/icon/youhui.png) no-repeat center/24px 24px;}
.wbnav a:nth-child(2) i {background:url(/zt/colorful/image/icon/fangzi.png) no-repeat center/24px 24px;}
.wbnav a:nth-child(3) i {background:url(/zt/colorful/image/icon/youhui2.png) no-repeat center/24px 24px;}
.wbnav a:nth-child(4) i {background:url(/zt/colorful/image/icon/louyu.png) no-repeat center/24px 24px;}
.wbnav a:nth-child(5) i {background:url(/zt/colorful/image/icon/yuyuekanfang.png) no-repeat center/24px 24px;}

/*.wbnav a.on:nth-child(1) i {background:url(/zt/colorful/image/youhui_1.png) no-repeat center/20px 20px;}
.wbnav a.on:nth-child(2) i {background:url(/zt/colorful/image/fangzi_1.png) no-repeat center/20px 20px;}
.wbnav a.on:nth-child(3) i {background:url(/zt/colorful/image/youhui2_1.png) no-repeat center/20px 20px;}
.wbnav a.on:nth-child(4) i {background:url(/zt/colorful/image/louyu_1.png) no-repeat center/20px 20px;}
.wbnav a.on:nth-child(5) i {background:url(/zt/colorful/image/yuyuekanfang_1.png) no-repeat center/20px 20px;}
.wbnav a.on:nth-child(2):after {background:#1735B7;}
.wbnav a.on:nth-child(3):after {background:#1735B7;}
.wbnav a.on:nth-child(4):after {background:#1735B7;}
.wbnav a.on:nth-child(5):after {background:#1735B7;}
*/


.bgcolor {background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;bottom:0;width:100%;z-index:1001;display:none;}
.wballpop {width:294px;height:304px;position:fixed;top:15%;left:50%;margin-left:-147px;background:url(/zt/colorful/image/icon/icon-bg.png) no-repeat center/294px 304px;z-index:1002;display:none;}
.wballpop .wwcls {position:absolute;top:-45px;right:0;width:23px;height:23px;}
.wballpop .wwcls img {display:inline-block;width:23px;height:23px;}
.wballpop .title {text-align:center;color:#333;position:absolute;top:30%;width:100%;}
.wballpop .title h2 {font-size:1.4375rem;font-weight:bold;color:#1C6BEA;}
.wballpop .title p {font-size:0.8125rem;margin-top:9px;}
.wballpop .wndt {width:252px;position:absolute;bottom:0px;left:50%;margin-left:-126px;}
.wballpop .wndt .wwpabs {border:none;}
.wballpop .wndt .wwpabs img {width:10px;height:12px;top:14px;left:14px;}
.wballpop .wndt input {height:40px;line-height:40px;background:#ECF1FF;color:#585D68;font-size:0.8125rem;border-radius:20px;padding-left:34px;}
.wballpop .wndt .wclickbtn {height:40px;line-height:40px;border-radius:30px;color:#fff;font-weight:bold;font-size:1rem;box-shadow:0px 1px 3px 0px #3C94FB;margin-top:18px;
	background: -webkit-linear-gradient(right,#3B5BEA,#5786FF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,#3B5BEA,#5786FF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#3B5BEA,#5786FF); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#3B5BEA,#5786FF); /* 标准的语法 */
}

.noscroll {height: 100%;overflow: hidden;}

.wing {background:#fcf3ea;}
.wing img {display:block;width:100%;}
.items-box {min-height:100px;background:#fff;margin:0 2.7%;box-shadow:0px 0px 4px 1px #c1beba;margin-bottom:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.items-nav {display: -webkit-flex;display: flex;flex-wrap: nowrap;margin:0 2.8%;}
.items-nav a {display:inline-block;font-size:0.735rem;font-weight:bold;color:#333333;padding:2% 1.5%;border-radius:3px}
.items-nav a.on {background:#3B7EED;color:#fff;}
.items-nav a + a {margin-left:1%;}
.items-cont {margin:10px 2.8% 0;}
.items-img {position:relative;}
.items-btn {position:absolute;left:0;bottom:10px;display:inline-block;padding:8px;border-top-right-radius:20px;border-bottom-right-radius:20px;background:rgba(0,0,0,0.6);color:#fff;font-size:0.75rem;}
.items-btn img {display:inline-block;width:12px;margin-right:5px;position:relative;top:-2px;}

/*区位*/
.items-zone {margin-top:10px;}
.items-zone-title {padding:10px 0;}
.items-zone-title span {display:inline-block;font-size:0.75rem;background:#3B7EED;color:#fff;width:68px;text-align:center;height:20px;line-height:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;}
.items-zone-cont {font-size:0.75rem;line-height:20px;}


.briefnav {padding:10px 0;width:90%;margin:0 auto;}
.briefnav a {display:inline-block;width:43%;height:36px;line-height:36px;text-align:center;font-size:0.8125rem;border-radius:50px;background:#fff;box-shadow:0px 1px 4px -1px rgba(0,88,189,0.57);font-weight:bold;}
.briefnav a:last-child {float:right;}
.briefnav a.on {background:#3B7EED;color:#fff;}
.briefbox {margin-top:20px;}
.xn .wwpab a {font-size:0.75rem;width:120px;font-weight:normal;}

.an2,.an3,.an4,.brief02 {display:none;}