pfhwyigou/mobile/web/css/public/public.css

@charset "UTF-8";

a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, tfoot, th, thead, time, tr, ul, var, video {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal
}
*:focus {outline: none;}
body { margin: 0;padding: 0;width: 100%;height: 100%;-webkit-user-select: none;-webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust:none;
    font: 16px/1.25 Arial, "Microsoft Yahei";font-weight: bold;letter-spacing: -0.02em;font-size:100%;background:#fff;}
html{-webkit-text-size-adjust: none;}
body * {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
a { text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;color:#333;}
input,button,textarea,select {-webkit-appearance:none; font-size:1em;}
input {vertical-align: middle;}
img {border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;font-size: 0;max-width:100%;}
table {border-collapse: collapse;border-spacing: 0}
th, td, caption {vertical-align: top;text-align: left}
sub,sup{font-size: 10px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input[type=checkbox]{vertical-align: middle;}
.clear {width:0px; height:0px; font-size:0; clear:both;}
ul,li {list-style:none;}
i,em{ font-style: normal;}

/*定位*/
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.c{display:block; zoom:1;}
.c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
.h60{ height: 60px;}

/* 手机端最外层*/
.body_box {max-width:750px;margin:0 auto;overflow:hidden;}

*底部导航*/
.home_module_channel {
    height: 43px;
    background: #FFF;
    border-top: 1px solid #eee;
    overflow: hidden;
}
.home_module_channel .channel_list {
    display: -webkit-box;
    height: 57px;
    padding: 11px 4px 0;
    box-sizing: border-box;
    overflow-x: auto;
}
.home_module_channel .channel_list .channel_item {
    display: block;
    padding: 0 12px;
    font-size: 1rem;
    color: #999;
}
.footer_copy {width:auto; height:auto; background:#fff;  /*border-top:1px solid #e6e6e6;*/ padding:15px 0; text-align:center; font-size:0.6em; color:#999;margin-top:20px;}
.wcopy {font-size:0.625rem;color:#999;padding:0 15px;}


/*底部悬挂*/
.qwpuic{ z-index: 9999; width: 100%; height: auto; position: fixed;left: 0px; bottom: 0px; background: #fff; border-top: 1px solid #EEEEEE;}
.qwpuic .qwpuic_main{padding: 10px 0;}
.qwpuic_main .qwpuic_zx{ width:24%; float: left; text-align: center;}
.qwpuic_main .qwpuic_zx i{ display: block; width: 18px; height: auto; margin: 0 auto;}
.qwpuic_main .qwpuic_zx i img{ width: 100%; height: auto;}
.qwpuic_main .qwpuic_zx span{ display: block; font-size: 0.8rem; color: #333;margin-top: 3px;}
.qwpuic_main .qwpuic_bwzf{ width:35%; float: left; text-align: center;}
.qwpuic_main .qwpuic_bwzf a{ display: block; padding: 10px 0;
    border-radius: 5px;
    background: -webkit-linear-gradient(right, #FE9F4B , #FF9D4A); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #FE9F4B , #FF9D4A); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #FE9F4B , #FF9D4A); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #FE9F4B , #FF9D4A); /* 标准的语法 */
    width: 100%;
}
.qwpuic_main .qwpuic_bwzf a i{ width: 17px; height: auto; display: inline-block;margin-right: 5px; position: relative; top: -2px;}
.qwpuic_main .qwpuic_bwzf a i img{ width: 100%; height: auto;}
.qwpuic_main .qwpuic_bwzf a span{display: inline-block; font-size: 0.95rem; color: #fff;}
.qwpuic_main .y_call{ width:35%; float: left; text-align: center;margin-left: 3%;}
.qwpuic_main .y_call a{ display: block; padding: 10px 0;
    border-radius: 5px;
    background: -webkit-linear-gradient(right, #FF452A , #FD7134); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,  #FF452A , #FD7134); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,  #FF452A , #FD7134); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,  #FF452A , #FD7134); /* 标准的语法 */
    width: 100%;
}
.qwpuic_main .y_call a i{ width: 17px; height: auto; display: inline-block;margin-right: 5px; position: relative; top: 0px;}
.qwpuic_main .y_call a i img{ width: 100%; height: auto;}
.qwpuic_main .y_call a span{display: inline-block; font-size: 0.95rem; color: #fff;}









/*搜索弹出页面*/
.overseas_search{ background: #fff; width: 100%; height: 100%;}
.overseas_main{ width: 92%; margin: 0 auto;}
.overseas_top{ padding: 15px 0;}
.overseas_top a.return{ display: inline-block;}
/*.overseas_top a.return img{ width:100%; height: auto;}*/
.overseas_top input.search_input{ margin-left:3px; display: inline-block; width: 79%; display: inline-block; background:url("/image/ico_seart2.png") #f8f9fb no-repeat 12px center/16px 16px; border-radius: 5px; padding-left: 35px; border: none; font-size: 0.8rem; height: 35px;}
.overseas_top a.search_butt{ font-size: 0.95rem; color: #f39839; display: inline-block; display: inline-block; margin-left: 5px;}
.overseas_list{ margin-top: 30px;}
.overseas_listtop span{display: block; float: left; height: 22px;}
.overseas_listtop span i{ width: 4px; height:76%; display: inline-block;
    background: -webkit-linear-gradient(#fbaf12,#fb893f);
        background: -o-linear-gradient(#fbaf12,#fb893f);
        background: -moz-linear-gradient(#fbaf12,#fb893f);
        background: -mos-linear-gradient(#fbaf12,#fb893f);
        background: linear-gradient(#fbaf12,#fb893f);
        border-radius: 10px;
        position:relative;top:-2px;
}
.overseas_listtop span em{ display: inline-block; font-size: 1rem; color: #333; font-weight: 600; margin-left: 10px; position: relative; top: -5px;}
.overseas_listtop a{display: block; float: right; font-size: 0.9rem; color: #333; position: relative; top: 2px;}
.overseas_listmain{ margin-top: 20px;}
.overseas_listmain a{margin-right:3%;font-size:0.9rem; margin-bottom: 10px; padding: 8px 0; border-radius: 5px; display: block; float: left; width: 22.5%; background: #f8f8f8; color: #333; text-align: center;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.overseas_listmain a:nth-child(4n){ margin-right: 0px;}




.overseas_top { position: relative;}
.overseas_top .y_scriptm{ position: absolute; width:100%; left: 0%;top: 50px;z-index: 12;}
.overseas_top .y_scriptm .select4_box{background:#fff; border: 1px solid #e1e1e1; width: 100%;}

.overseas_top .y_scriptm .select4_box ul li{width: 100%; margin: 5px 0;}
.overseas_top .y_scriptm .select4_box ul li a{ background:none; display: inline-block; width: 100%; text-align: left; padding: 0 10px;}
.overseas_top .y_scriptm .select4_box ul li span:nth-child(1){display: block; float: left;}
.overseas_top .y_scriptm .select4_box ul li span:nth-child(1){font-size: 1rem; color: #333;}
.overseas_top .y_scriptm .select4_box ul li span:nth-child(1) i{font-size: 0.8rem;color: #666; display: inline-block; margin-left: 5px;}
.overseas_top .y_scriptm .select4_box ul li span:nth-child(2){display: block; float: right; font-size: 0.8rem; color: #666;}
.overseas_top .y_scriptm .select4_box ul li span:nth-child(2) em{font-size: 1rem;color: #f00;}
.select4_box li.active{ background:#f5f5f5;}
.overseas_top .y_scriptm .select4_box{ width: 100%; height: 239px; overflow: auto; overflow-y:auto;}


/*底部导航*/
.wfoter-box {padding-top:60px;border-top:1px solid #E6E6E6;}
.wfoter-title {text-align:center;color:#333;font-size:0.875rem;margin-bottom:30px;}
.wfoter-list {text-align:center;margin-bottom:20px;}
.wfoter-list a {display:inline-block;text-align:center;width:32%;color:#999999;font-size:0.75rem;height:25px;line-height:25px;border-right:1px solid #E6E6E6;margin-top:13px;vertical-align:top;}
.wfoter-list a:nth-child(3n) {border-right:none;}


/*媒体查询*/
@media (max-width: 320px){
    .overseas_top input.search_input {width:75%;}
    /*.y_puicfoot_main .y_centxq {width:32%;}*/
}
@media screen and (min-width: 300px) and (max-width: 374px) {
}

/*侧边栏样式*/
.y_sidebar{position: fixed;left: 100%; top: 0; z-index: 100;  width: 100%; height: 100%;}
.y_sidebar .y_sidebarcent {  height: 100%; background: #fff; width: 66.66%; position: absolute; right: 0px; top: 0px; z-index: 101;}
.y_sidebar_bg{background: rgba(0,0,0,0.3); width: 100%; height: 100%;}
.y_sidebarcent_ul{ padding-top: 20px;}
.y_sidebarcent_ul ul li{ padding: 10px 30px;}
.y_sidebarcent_ul ul li a span{ font-size: 1rem; color: #333; display: inline-block;}
.y_sidebarcent_ul ul li i{ width: 20px; height: 20px;display: inline-block; margin-right: 16px; position: relative; top: -1px;}
.y_sidebarcent_ul ul li i img{ width: 100%; height: 100%;}
.y_sidebarcent_ul ul li:nth-child(8){ margin-top: 20px; padding-top: 23px; position: relative;}
.y_sidebarcent_ul ul li:nth-child(8):before{content: "";position: absolute;left: 30px;right: 30px;top: 0;height: 1px;background-color: #dedede;}

/*侧边栏 搜索*/
.y_sidscend{width: 80%; margin: 0 auto; margin-top: 20px;padding-top: 25px; border-top: 1px solid #e1e1e1;}
.y_sidscend a{ font-size: 0.9rem; border:1px solid #e1e1e1;background: url('/image/ico_14.png') #fff no-repeat 12px center; box-shadow:0px 1px 6px 0px #ccc; padding:7px 0px 7px 40px;background-size: 22px; display: block; border-radius: 20px; color: #999;}

/*头部导航*/
.y_publichead{z-index: 8; background: #fff; width: 100%; position: fixed; left: 0px; top: 0px; box-shadow: 0px 1px 5px 0px #ccc; height: 55px;}
.y_publicmain{ width: 95%; margin: 0 auto;}
.y_publiccenter{position: relative;}
.y_publicleft{ position: absolute; left: 0px; top: 50%; width: 30px; height: 30px; margin-top: -15px;}
.y_publicleft a img{ width: 100%; height: 100%;}
.y_publicright{ position: absolute; right: 0px; top: 50%; width: 30px; height: 30px; margin-top: -15px;}
.y_publiccont{ width: 70%; margin: 0 auto; text-align: center; line-height: 52px;}
.y_publiccont a{ display: inline-block; font-size: 1.3rem; color:#333;}
.y_publicright a img{ width: 100%; height: 100%;}

/*头部导航*/
.hu_nav{ background: #444444; width: 100%;overflow:hidden;}
.hu_nav_main {white-space:nowrap;}
.hu_nav_main ul li{ display:inline-block; width:25%; text-align: center; padding: 10px 0;}
.hu_nav_main ul li a{ font-size: 0.937rem; color: #fff; display: block;}
.hu_nav_main ul li a i{ display:block; height: 4px; border-radius: 10px; width: 50%; margin: 0 auto; position: relative; top:10px;}
.hu_nav_main ul li.on a i{ background-color:#efdbc1;}

#cnzz_stat_icon_1274671797 img{width:20px;height:20px;}  /*站长统计*/



/*20191007底部悬挂*/
.y_puicfoot{ position: fixed; width: 100%; left: 0px; bottom: 0px;background:rgba(255,255,255,1); z-index: 10;box-shadow:0px 0px 14px 0px rgba(61,61,61,0.13);}
.y_puicfoot_main{ position: relative; padding: 11px 0;}
.y_puicfoot_main .y_left{ float: left; width: 40px; height: 40px; margin-left: 30px;}
.y_puicfoot_main .y_left img{ width: 100%; height: 100%;}
.y_puicfoot_main .y_centxq{ float: left;margin-left: 4%; position: relative; top: 0px; width: 30%;}
.y_puicfoot_main .y_centxq a{display: block;background:url(/image/v2/lpindex7.png) no-repeat 0 0/ 100% 100%; font-size: 0.937rem;color:#e0c8a1;font-weight:600;border-radius: 5px; padding:10px 0px; text-align: center;}
.y_puicfoot_main .y_centxq2 a img{
    width: 18.5px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.y_puicfoot_main .customize_btn a img{
    width: 15px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.y_puicfoot_main .y_call{ position: absolute; right: 20px; bottom:9px; width: 90px; height: 80px; z-index: 11; background: url("/image/ico_callfootbg1.png") no-repeat -2px 0px; background-size: 93px 30px;}
@media screen and (min-width: 300px) and (max-width: 374px) {
    .y_puicfoot_main .y_call{width:26%;right:3%;}
}
.y_puicfoot_main .y_call img{ width: 57px; height:57px; position: relative; left: 16px; top: 18px;}
.y_puicfoot_main .y_centxq2 a{background:url(/image/v2/lpindex6.png) no-repeat 0 0/ 100% 100%; color:#22212f;}