@charset "UTF-8"; /** * * @authors Your Name (you@example.org) * @date 2015-12-11 14:30:45 * @version $Id$ */ @media (min-width:1160px){ body{overflow-x:hidden;} #header{width:1160px;height:120px;margin:0 auto;position:relative;} #header .header_left{height:100%;width:530px;float:left;position:relative;} #header .header_left a.logo_link{position:absolute;display:inline-block;top:15px;} #header .header_left span.title{height:40px;font-size:30px;line-height:40px;display:inline-block;position:absolute;top:40px;left:290px;padding-left:18px;border-left:1px solid #c5c5c5;color:#989898;} #header .header_right{height:100%;width:500px;font-size:16px;position:relative;float:right;} #header .header_right>a{display:inline-block;height:36px;position:absolute;top:42px;} #header .header_right .share_link{width:80px;padding-left:35px;background:url(img/app_share.png) left center no-repeat;right:190px;text-align:center;line-height:36px;} #header .header_right .back_link{width:145px;border-radius:18px;background-color:#ff5f5e;right:0px;text-align:center;line-height:36px;color:#fff;} #header .header_right .share_link:hover #share{display: block;} .share{position: absolute;z-index: 2;top: 72px;left: 195px;} #section{width:100%;} #section .banner_title{width:100%;height:479px;border-bottom:1px #e5e5e5 solid;color:white;margin:0 auto;padding-top:60px;background:url(img/pc_banner_app.jpg) no-repeat;background-size:cover;background-position:top center;background-color:#fe473d;} #section .banner_title h1{font-size:36px;width:100%;text-align:center;} #section .banner_title span{font-size:18px;display:inline-block;width:100%;text-align:center;padding-top:24px;} #section .QR_er{width:100%;height:200px;background-color:#eee;overflow:hidden;} #section .QR_er .qr_container{width:1160px;height:150px;padding-top:50px;margin:0 auto;position:relative;} #section .QR_er .qr_container h2{display:inline-block;position:absolute;font-weight:bold;} #section .QR_er .qr_container .qr_h2{padding:0px 0px 20px 15px;} #section .QR_er .qr_container .qr_intro{display:inline-block;position:absolute;top:90px;width:350px;padding-left:15px;} #section .QR_er .qr_container .down_link{float:right;position:relative;height:150px;min-width:465px;} #section .QR_er .qr_container .down_link h2,span.en_h2{width:250px;position:absolute;top:0;right:0;text-align:right;} #section .QR_er .qr_container .down_link span.en_h2{top:30px;font-weight:normal;font-size:14px;color:#8c8c8c;} #section .down_link .down_wrap{position:absolute;top:60px;right:0px;} #section .down_link .down_wrap>a{display:inline-block;width:214px;height:43px;} #section .down_link .down_wrap a.ios_link{background:url(img/pc_down_iphone.png) 0 0 no-repeat;margin-right:35px;} #section .down_link .down_wrap a.android_link{background:url(img/pc_down_android.png) 0 0 no-repeat;} #section .app_introduce{width:1160px;height:350px;margin:0 auto;padding-top:60px;} #section .app_introduce .ch_h3{font-size:24px;font-weight:normal;text-align:center;} #section .app_introduce .en_h3{font-size:14px;font-weight:normal;text-align:center;color:#8c8c8c;} #section .app_introduce ul{width:1080px;height:170px;margin:0 auto;margin-top:50px;} #section .app_introduce ul>li{float:left;height:54px;width:116px;padding:116px 62px 0px 62px;background-size:116px 116px;} #section .app_introduce ul>li a{width:116px;height:32px;display:inline-block;text-align:center;padding-top:22px;font-size:20px;} #section .app_introduce ul>li a:hover{color:#fd0000;} #section .app_introduce ul>li.order{padding-left:0px;background:url(img/pc_service_icon01.png) 0 0 no-repeat;} #section .app_introduce ul>li.money{background:url(img/pc_service_icon02.png) center 0 no-repeat;} #section .app_introduce ul>li.query{background:url(img/pc_service_icon03.png) center 0 no-repeat;} #section .app_introduce ul>li.news{background:url(img/pc_service_icon04.png) center 0 no-repeat;} #section .app_introduce ul>li.info{padding-right:0px;background:url(img/pc_service_icon05.png) right 0 no-repeat;} #footer{width:100%;height:135px;background-color:#eee;font-size:12px;overflow:hidden;} #footer ul{width:400px;height:14px;margin:0 auto;padding-top:36px;} #footer ul li{width:79px;height:14px;line-height:14px;float:left;text-align:center;border-right:1px solid #929292;} #footer ul li a:hover{color:#fd0000;} #footer ul li:last-child{border:none;} #footer span{width:1160px;display:block;text-align:center;padding-top:16px;margin:0 auto;} } @media (max-width:1160px){ #header{display:none;} #section{width:100%;} #section .banner_title{width:100%;height:194px;border-bottom:1px #e5e5e5 solid;color:white;margin:0 auto;background:url(img/app_banner2.jpg) no-repeat;background-size:contain;background-position:bottom center;background-color:#fe473d;} #section .banner_title h1{display:none;} #section .banner_title span{display:none;} #section .QR_er .qr_container .down_link{padding-top:20px;height:120px;background:#eee;} #section .QR_er .qr_container .down_link h2{width:100%;text-align:center;} #section .QR_er .qr_container .down_link h2.ch_h2{font-size:20px;font-weight:bold;} #section .QR_er .qr_container .down_link span.en_h2{font-weight:normal;font-size:7px;color:#8c8c8c;margin-bottom:11px;text-align:center;width:100%;display:inline-block;} #section .down_link .down_wrap{width:68%;margin:0 auto;display:block;position:relative;} #section .down_link .down_wrap>a{display:inline-block;width:45%;height:30px;position:absolute;} #section .down_link .down_wrap a.ios_link{background:url(img/down_iphone.png) 0 0 no-repeat;background-position:left;left:0;background-size:contain;} #section .down_link .down_wrap a.android_link{background:url(img/down_android.png) 0 0 no-repeat;background-position:right;right:0;background-size:contain;} #section .down_link .down_wrap a.android_link+a{position:absolute;top:40px;} #section .QR_er .qr_container .qr_pic{width:100%;padding:20px 0 18px 0;} #section .QR_er .qr_container .qr_pic img{width:120px;height:120px;display:block;margin:0 auto;} #section .QR_er .qr_container .qr_pic h2.qr_h2{font-size:15px;color:#323232;text-align:center;} #section .QR_er .qr_container .qr_pic span.qr_intro{display:block;width:70%;margin:0 auto;font-size:10px;color:#6c6c6c;text-align:center;} #section .app_introduce{height:148px;width:100%;padding-top:20px;background-color:#eee;} #section .app_introduce .ch_h3{font-size:15px;color:#000;text-align:center;} #section .app_introduce .en_h3{font-size:10px;color:#686868;text-align:center;} #section .app_introduce ul{width:96%;height:170px;margin-top:21px;padding:0 2%;} #section .app_introduce ul>li{float:left;height:54px;width:14%;padding:0 3%;position:relative;text-align:center;} #section .app_introduce ul>li a{width:100%;height:34px;display:inline-block;font-size:10px;position:absolute;bottom:-34px;left:0;line-height:34px;text-align:center;} #section .app_introduce ul>li.order{background:url(img/pc_service_icon01.png) center 0 no-repeat;background-size:contain;} #section .app_introduce ul>li.money{background:url(img/pc_service_icon02.png) center 0 no-repeat;background-size:contain;} #section .app_introduce ul>li.query{background:url(img/pc_service_icon03.png) center 0 no-repeat;background-size:contain;} #section .app_introduce ul>li.news{background:url(img/pc_service_icon04.png) center 0 no-repeat;background-size:contain;} #section .app_introduce ul>li.info{background:url(img/pc_service_icon05.png) center 0 no-repeat;background-size:contain;} #footer{width:100%;height:50px;color:#686868;} #footer ul{display:none;} #footer span{width:90%;display:block;text-align:center;padding-top:13px;margin:0 auto;font-size:10px;} }