html,body{width:100%;height:100%;}
body{max-width:768px;margin:0 auto;overflow-x:hidden;background:#eee;}
.vertical_box {width:100%;display:table;height:100%;*position:relative; /*针对IE的hack*/}
.vertical_box_sub{ display: table-cell;vertical-align: middle;*position:absolute; /*针对IE的hack*/ *top:50%;}
.vertical_box_container {font-family:"PingFangSC-Semibold";  *position:relative; /*针对IE的hack*/ *top:-50%;margin:0 auto;width:200px;}
.vertical_box_container p{color:#ff515a;font-size:14px;line-height:16px;}
.g-doc{position:relative;min-height:100%;_height:100%;}
.g-body{padding:0 0 30px;zoom:1;}
.swiper-container{width:100%;height:320px;}
.swiper-wrapper a{display:block;width:100%;height:100%;}
.swiper-wrapper a img{display:block;width:100%;height:100%;}
/*.swiper-slide{background:transparent url(../newimg/banner.png) center center/cover;}*/
.g-search{height:82px;padding:20px 10px;font:24px PingFangSC-Semibold;position:relative;border-bottom: 1px solid #D2D2D2;background:white;}
.g-search .m-sel{width:22.5%;height:40px;margin-right:5px;}
.g-search .u-prosel{width:55%;height:43px;padding:19px 0;line-height:43px;text-align:center;}
.g-search .u-drop{width:17.6%;height:auto;padding:25.6px 0;}
.g-search .u-drop img{width:30px;height:auto;}
.g-search .m-search{width:55%;height:82px;margin-right:5px;}
.g-search .m-search input{width:99%;height:80px;border:1px solid #44CD51;border-radius:4px;text-indent:2em;font-size:24px;}
.g-search .m-btn{width:19%;height:80px;line-height:80px;}
.m-btn{color:white;text-align:center;background: #44CD51;border: 1px solid #44CD51;border-radius: 4px;}
.m-btn.active{background: #23A22F;}
.g-search .m-pro{display:none;position:absolute;width:100%;top:100%;left:0;padding:10px 0;z-index:100;background: #FFFFFF; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.22);border-top: 1px solid #D2D2D2;}
.g-search .m-pro table{width:100%;}
.g-search .m-pro table td{padding:10px 40px;text-align:center;line-height:21px;background: #F0F0F0;font-size:20px;border: 1px solid #D7D7D7;border-radius:2px;}
.g-search .m-pro table td.selected{background:#44CD51;border: 1px solid #44CD51;}
/*.g-search .m-pro table{width:100%;}*/
/*.g-search .m-pro table tr{margin-top:10px;}*/
/*.g-search .m-pro table td{padding:7px 40px;line-height:21px;background: #F0F0F0;border: 1px solid #D7D7D7;border-radius: 4px;font-family: PingFangSC-Regular;font-size: 15px;color: #4C4C4C;text-align:center;}*/
.g-type{width:100%;padding:14.5px 0px;background:white;}
.g-type img{dispaly:block;width:-moz-calc((100% - 35px) / 4); width:-webkit-calc((100% - 35px) / 4);width:calc((100% - 35px)/4);height:auto;margin-right:5px;}
.g-type img:nth-of-type(1){margin-left:10px;}
.g-type img:nth-last-of-type(1){margin-right:10px;}
.g-list{width:100%;background:white;}
.g-list .m-listbox{width:100%;min-height:5px;background:white;position:relative;}
.g-list .u-loading{position:absolute;width:100%;text-align:center;}
.g-list .u-loading img{position:absolute;top:100px;left:50%; -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
/*.g-list .m-list{width:100%;padding:10px 0;border-top:1px solid #D2D2D2;}*/
.g-list .m-list{width:100%;padding:10px 0;border-top:1px solid #D2D2D2;}
.g-list .m-icon{position:relative;width:21.5%;height:100%;margin-left:10px;margin-right:5px;}
.g-list .m-icon img{width:100%;height:auto;}
.g-list .m-icon img:nth-of-type(2){position:absolute;width:50%;height:auto;top:0;left:0;}
.g-list .m-btn{width:17%;height:72px;margin:48px 10px 48px 0;line-height:72px;border:none;font-size: 25px;}
.g-list .m-btn a{width:100%;height:100%;display:block;color:white;}
.g-list .m-text{width:-moz-calc(100% - 17% - 21.5% - 25px); width:-webkit-calc(100% - 17% - 21.5% - 25px);width:calc(100% - 17% - 21.5% - 25px);margin-top:6px;}
.g-list .m-text .u-title{width:100%;height:38px;margin-bottom:6px;margin-right:3px;}
.g-list .u-title .title{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;font-family: PingFangSC-Regular;font-size: 30px;color: #333333;line-height:38px;margin-right:10px;}
.g-list .u-title .star{display:table-cell;*zoom:1;*display:inline;vertical-align: middle;width:-moz-calc(42% - 5px); width:-webkit-calc(42% - 5px);width:calc(42% - 5px);line-height:38px;}
.g-list .u-title .star img{width:14%;height:auto;margin-right:4px;vertical-align:middle;}
.g-list .u-title .star img:nth-last-of-type(1){margin-right:0;}
.g-list .u-down{ font-family: PingFangSC-Regular;width:100%;height: 28.5px;margin-bottom:5px;line-height: 28.5px;font-size: 25px;}
.g-list .amount{color: #25A6D0;margin-right:5px;}
.g-list span:nth-of-type(2){color: #999999;}
.g-list .u-exp{width: 92%;font-family: PingFangSC-Regular;font-size: 20px;color: #666666;line-height:28px;}
.g-more{margin-top:20px;}
.m-title{width:100%;padding:24px 0;line-height:1;font-family: PingFangSC-Regular;font-size: 20px;font-weight: 600;}
.m-title img{width:24px;height:auto;margin:0 5px 0 10px;vertical-align:text-top;}
.g-totop{display:none;position:fixed;right:24px;bottom:240px;width:110px;height:110px;background:transparent url(../newimg/totop.png) center center/cover;border-radius:10px;}
.footer{margin-top:-40px;}
.footer .m-ewm{padding:15px 0 25px;border-top:1px solid #D2D2D2;}
.footer .m-ewm figure{width:50%;float:left;text-align: center;}
.footer .m-ewm figure img{width:150px;height:auto;}
.footer .m-ewm figure figcaption{font-size:16px;}
/* media */
/* 横屏 */
@media screen and (orientation:landscape){
}
/* 竖屏 */
@media screen and (orientation:portrait){
}
/* 窗口宽度<768,设计宽度=414 */
@media screen and (max-width:767px){
    .swiper-container{width:100%;height:165.6px;}
    .g-search{height:40px;padding:10px;font:12px PingFangSC-Semibold;}
    .g-search .u-prosel{width:55%;height:21px;padding:9.5px 0;line-height:21px;}
    .g-search .u-drop{width:17.6%;height:auto;padding:12.5px 0;}
    .g-search .u-drop img{width:15px;height:15px;}
    .g-search .m-sel{height:40px;}
    .g-search .m-search{width:55%;height:40px;margin-right:5px;}
    .g-search .m-search input{height:38px;font-size:12px;}
    .g-search .m-btn{width:19%;height:38px;line-height:40px;}
    .g-search .m-pro table td{padding:7px 35px;font-size:15px;}
    .g-list .m-text .u-title{margin:0 auto 3px;height:21px;}
    .g-list .u-title .title{font-size: 15px;line-height:21px;margin-right:5px;}
    .g-list .u-title .star{line-height:21px;}
    .g-list .u-title .star img{width:14%;height:auto;margin-right:2px;}
    .g-list .u-down{height: 14px;margin-bottom:2.5px;line-height: 14px;font-size: 10px;}
    .g-list .u-exp{font-size: 10px;line-height:14px;}
    .g-list .m-btn{height:35px;margin:23.5px 10px 23.5px 0;line-height:35px;font-size: 10px;}
    .g-totop{right:12px;bottom:108px;width:55px;height:55px;}
    .m-title{padding:16px 0;font-size: 16px;}
    .m-title img{width:24px;}
    .footer .m-ewm{padding:15px 0 25px;border-top:1px solid #D2D2D2;}
    .footer .m-ewm figure{width:50%;float:left;text-align: center;}
    .footer .m-ewm figure img{width:100px;height:auto;}
    .footer .m-ewm figure figcaption{font-size:12px;}
}
/* 窗口宽度<414,设计宽度=375 */
@media screen and (max-width:413px){
    .swiper-container{width:100%;height:150px;}
    .g-search{height:40px;padding:10px;font:12px PingFangSC-Semibold;}
    .g-search .u-prosel{width:55%;height:21px;padding:9.5px 0;line-height:21px;}
    .g-search .u-drop{width:17.6%;height:auto;padding:12.5px 0;}
    .g-search .u-drop img{width:15px;height:15px;}
    .g-search .m-sel{height:40px;}
    .g-search .m-search{width:55%;height:40px;margin-right:5px;}
    .g-search .m-search input{height:38px;font-size:12px;}
    .g-search .m-btn{width:19%;height:38px;line-height:40px;}
    .g-search .m-pro table td{padding:7px 30px;font-size:15px;}
    .g-list .m-text .u-title{height:21px;margin-bottom:3px;}
    .g-list .u-title .title{font-size: 15px;line-height:21px;margin-right:5px;}
    .g-list .u-title .star{line-height:21px;}
    .g-list .u-title .star img{width:14%;height:auto;margin-right:2px;}
    .g-list .u-down{height: 14px;margin-bottom:2.5px;line-height: 14px;font-size: 10px;}
    .g-list .u-exp{font-size: 10px;line-height:14px;width: 92%;}
    .g-list .m-btn{height:35px;margin:23.5px 10px 23.5px 0;line-height:35px;font-size: 14px;}
    .g-totop{right:12px;bottom:98px;width:55px;height:55px;}
    .m-title{padding:15px 0;font-size: 15px;}
    .m-title img{width:20px;}
    .footer .m-ewm{padding:15px 0 25px;border-top:1px solid #D2D2D2;}
    .footer .m-ewm figure{width:50%;float:left;text-align: center;}
    .footer .m-ewm figure img{width:100px;height:auto;}
    .footer .m-ewm figure figcaption{font-size:12px;}
}
/* 窗口宽度<375,设计宽度=320 */
@media screen and (max-width:374px){
    .swiper-container{width:100%;height:128px;}
    .g-search .g-search{height:40px;padding:10px;font:10px PingFangSC-Semibold;}
    .g-search .u-prosel{width:60%;height:21px;padding:9.5px 0;line-height:21px;text-align:center;}
    .g-search .u-drop{width:17.6%;height:auto;padding:12.5px 0;}
    .g-search .u-drop img{width:15px;height:15px;}
    .g-search .m-sel{height:40px;}
    .g-search .m-search{width:54%;height:40px;margin-right:5px;}
    .g-search .m-search input{height:38px;font-size:12px;}
    .g-search .m-btn{width:19%;height:38px;line-height:40px;}
    .g-search .m-pro table td{padding:5px 20px;font-size:15px;}
    .g-type{padding:12px 0;}
    .g-list .m-text .u-title{height:21px;margin-bottom:3px;}
    .g-list .u-title .title{font-size: 12px;line-height:21px;margin-right:5px;}
    .g-list .u-title .star{line-height:21px;}
    .g-list .u-title .star img{width:14%;height:auto;margin-right:0;}
    .g-list .u-down{height: 14px;margin-bottom:2.5px;line-height: 14px;font-size: 10px;}
    .g-list .u-exp{font-size: 10px;line-height:14px;width: 92%;}
    .g-list .m-btn{height:35px;margin:20px 10px 20px 0;line-height:35px;font-size:10px;}
    .g-totop{right:10px;bottom:96px;width:55px;height:55px;}
    .m-title{padding:12px 0;font-size: 15px;}
    .m-title img{width:18px;}
    .footer .m-ewm{padding:15px 0 25px;border-top:1px solid #D2D2D2;}
    .footer .m-ewm figure{width:50%;float:left;text-align: center;}
    .footer .m-ewm figure img{width:100px;height:auto;}
    .footer .m-ewm figure figcaption{font-size:12px;}
}