#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background: rgba(0,0,0,0.5);} #colorbox{outline:0;} #cboxTopLeft{width:10px; height:10px; background:url(images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:10px; height:10px; background:url(images/controls.png) no-repeat -140px 0;} #cboxBottomLeft{width:10px; height:10px; background:url(images/controls.png) no-repeat -101px -39px;} #cboxBottomRight{width:10px; height:10px; background:url(images/controls.png) no-repeat -140px -39px;} #cboxMiddleLeft{width:10px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:10px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:10px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:10px; background:url(images/border.png) 0 -39px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles www.mobantu.com */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), www.mobantu.com ,but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /*下载加载*/ .loadding{position: fixed;width: 100%;height: 100%;background: #fff;z-index: 99999} .loadding div{width: 240px;height:120px;position: absolute;top:50%;left: 50%;margin-left: -120px;margin-top: -60px;text-align: center; } .loadding div img{display: block;margin: 0 auto} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. www.mobantu.com This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .skyOrange{padding:4px 10px; background:#ff5f33; color:#FFF;border-radius: 2px;} #paycenter td{ line-height:30px;} .erphpdown{margin-bottom: 20px;margin-top:10px;width: auto;background: #fff;overflow:hidden;} .erphpdown p{margin:3px !important;ext-indent: 0;display: inline-block} .erphpdown .down-yd_right{float: right} .erphpdown p:last-child{border-bottom:none} .erphpdown p span{color: #E14D43;font-weight: bold;font-size: 120%;} .erphpdown .down-price_yuding{color: orangered;font-weight: 300;font-size: 14px;} .erphpdown .down-detail_content{background-color: #2b2e3b;width: 60%;margin: 8px auto;height: auto;-moz-box-shadow:1px 3px 4px #333333; -webkit-box-shadow:1px 3px 4px #333333; box-shadow:1px 3px 4px #333333} .erphpdown .down-detail{padding: 25px;;color: white;} .erphpdown .down-yd_right{float: right;position: relative} #erphp-fav-action_disabled{display: none;position: absolute;width: 100%;height: 100%;left: 0;top:-1px;padding: 2px 0;} #erphp-fav-action_disabled:hover{cursor:not-allowed} .erphpdown p.down-ordinary{float: right;} .erphpdown p.down-ordinary a{background-color: #FF5722;padding: 5px 10px;color: white;border-radius: 2px;} .erphpdown p.down-ordinary span{color: #5FB878;font-size: 13px;margin: 0;padding: 0;font-weight: 400;} .erphpdown p.down-price{} .erphpdown p.down-vip{color: #E14D43;} .erphpdown p a{margin-left: 10px;transition: all 0.3s} .erphpdown p a:hover{opacity: 0.8} .erphpdown p .erphp-login-must{margin-right:5px;margin-left:5px;} .erphpdown p.down-tip{border-bottom: none;display: block;} .erphpdown .down-yd_right a{color: white;padding: 5px 10px;background-color:#1E9FFF;border-radius: 2px;position: relative} .erphp-fav-action_dis{position: absolute;width: 100%;height: 100%;z-index: 9;background: orangered} .erphpdown-content-vip{padding:5px 10px;text-align:center;border:2px dashed #ff5f33;color:#ff5f33;} .erphpdown h5{font-size:13px;text-align: center;color: white;font-weight: 400;margin:0 auto;padding: 5px 0;display: block;background-color: orangered;} #paycenter{width: 300px;} #paycenter tbody{padding: 0 30px;width: 100%} .paycenter_td2{float: right} .paycenter_p{width: 100%;text-align: center;background: #f2dede;border: 1px solid #eea236;color: #a94442;font-size: 13px;padding: 2px 0;margin: 0; } #paycenter .paycenter_span_nub{color: orangered;} #erphpdown-paybox .paycenter_warning{width: 100%;text-align: center;color: red} #erphpdown-paybox{font-family:'Microsoft Yahei','Sans-serif';font-size:14px;position: relative;} .erphpdown-paybox_big{display:none;width: 100%;height: 100%;border:0;margin:0;z-index: 9;background:url("images/opacity0.5.png");position: absolute;font-size: 14px;color: orangered;text-align: center} .erphpdown-paybox_big p{width: 100%;margin: 10px auto;} .erphpdown-paybox_big p button{border: none;background-color: #1E9FFF;color: white;padding: 4px 6px;} .erphpdown-paybox_big p button:hover{background-color: #0c7bce;cursor: pointer} #erphpdown-paybox a{text-decoration: none;display: block} #erphpdown-download{box-sizing: border-box; border-radius: 4px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2); line-height: 1; background: #d9edf7; width: 400px; margin: 0 auto;position:relative } .erphpdown-download_copy{margin: 0 10px; } .erphpdown_buttonadd{} #erphpdown-download .erphpdown-download_title{margin: 0;padding: 8px 0;background-color: #337ab7;border: 1px solid #337ab7;color: #fff;font-size: 15px;text-align: center} #erphpdown-download-content{background-color: #d9edf7;padding: 5px;} #erphpdown-download-copyright{position: absolute;bottom: 0;margin-bottom: 20px;padding:0;font-family:'Microsoft Yahei','Sans-serif';font-size:12px;width:100%;text-align:center;color:#999} #erphpdown-download-copyright a{color:#666;} #erphpdown-paybox .erphpdown-paybox_button{width: 100%;text-align: center} #erphpdown-paybox .erphpdown-paybox_button a{display: inline-block;width: 50px;transition: all 0.3s;border-radius: 2px;} #erphpdown-download-content .erphpdown-download-content_copy{color: orangered} #erphpdown-paybox .erphpdown-paybox_button a:hover{background-color: #f74412} .erphp-fav-box{margin:20px auto;text-align: center;} .erphp-fav-box a{display: inline-block;padding:5px 10px;min-width: 100px;background:#000;color:#fff !important;border-radius: 3px;text-decoration: none;} #notlogin{width: 100%;text-align: center;margin: 10px 0;} #notlogin button{padding: 20px 35px;text-align: center;border: 2px solid #2a363c;background-color: white;font-weight: bold;font-size: 20px;box-shadow: 2px 2px 2px #ccc;border-radius: 10px;transition: all 0.3s} #notlogin button:hover{background-color: #354852;color: white} /*erphpdown-download_topimg*/ .erphpdown-download_topimg{width: 100%;text-align: center;} .erphpdown-download_topimg img{display: none;max-width: 25%;} .erphpdown-download_topimg .erphpdown-download_topimg_2{max-width: 70%} /*download*/ .hide_txt{ height: 1px; overflow: hidden; line-height: 30; } .xl_pop_tip{ font: 14px/1.5 Arial, PingfangSC, "Microsoft YaHei", sans-serif; box-sizing: border-box; border-radius: 4px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2); line-height: 1; background: #fff; width: 400px; height: 325px; position: fixed; left: 50%; top: 50%; margin: -153px 0 0 -200px; } .xl_bot_pop{ box-sizing: content-box; border:1px solid #DFDFDF; border-top: none; height: 175px; padding-top: 20px;} .xl_btn_clo{ border-radius: 0 4px 0 0; width: 30px; height: 30px; position: absolute; top: 1; right: 0; } .xl_btn_clo i{ background-image: url(http://pstatic.xunlei.com/js/v2/img/spr.png); background-position: -112px -30px; background-repeat: no-repeat; width: 10px; height: 10px; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; } .xl_btn_clo:hover{ background: #FF8080; } .xl_btn_clo:active{ background: #FF4D4D; } .xl_top_pop{ background: url(http://pstatic.xunlei.com/js/v2/img/bg.png) no-repeat; background-size: cover;color: #fff; width: 400px; margin: 0;border: 1px solid #d9edf7} .xl_top_pop .xl_tit{ box-sizing: content-box; font-size: 12px; padding:0px 8px 0; line-height: 15px; height: 15px; } .xl_top_warning{ margin: 30px; text-align: center; font-size: 20px;} .xl_top_warning .icon_xl_warn{ width: 32px; height: 32px; vertical-align: top; display: inline-block; margin-right: 14px; } .xl_top_warning .icon_xl_warn.icon_xl_success{ background-image: url(http://pstatic.xunlei.com/js/v2/img/spr.png); background-position: 0px -53px; background-repeat: no-repeat; } .xl_top_warning .icon_xl_warn.icon_xl_error{ background-image: url(http://pstatic.xunlei.com/js/v2/img/spr.png); background-position: -42px -53px; background-repeat: no-repeat; } .xl_wp_download{ box-sizing: content-box; font-size: 0; padding: 7px 15px 8px 13px; height: 35px; width: 312px; margin: 0 auto 30px; background: #f5f5f5; border-radius: 4px; } .xl_img_download{ float: left; } .xl_img_download{ width: 32px; height: 32px; margin-top: 1px; } .xl_info_download{ color: #000; position: relative; height: 37px; width: 267px; line-height: 20px; font-size: 12px; margin-left: 45px; margin-top: -3px; overflow: hidden; word-wrap: break-word; } .xl_info_download.row1{ line-height: 37px; } a.xl_btn{ width: 340px; height: 40px; line-height: 40px; background: #6699ff; border-radius: 4px; -webkit-box-shadow: 0 3px 10px rgba(0,66,155,.39); box-shadow: 0 3px 10px rgba(0,66,155,.39); display: block; margin: 0 auto; text-align: center; color: #fff; text-decoration: none; font-size: 16px; } .xl_btn .icon_xl_logo{ background-image: url(http://pstatic.xunlei.com/js/v2/img/spr.png); background-position: -112px 0px; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: -5px; margin-right: 8px; } a.xl_btn:hover{ background: #4B87FF; text-decoration: none;} .xl_btn:active{ background: #6699ff; } .xl_info_download:after{ content: ''; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAA2UlEQVQ4jZWU3Q7CMAiFP0zUzWmi7/+cu8ab1pwi1ElC+rMeTjmw2r7vC7ABd+ABPJu/xDdgBW7NV1kvwa/Apfn5RG5ejH1uzbvpfIjTCVyALoAYpAxU7XWCDo43jSSenJuZqUTlLf60AVPVAL7l+JfMCDWIGsdaVPrPLmazDJRIx+xbRu60DLICHyHsplgdjZZB1aIxaNW6cW/otKqLdP4rQyeXaiiyBsoCZGvNvMTEDDJQDFC1r0qcSmThYCSeEWX1+xR5Zgo68kyoCsD4FmXA7EebaR5V8Df2j0f3uaGs4wAAAABJRU5ErkJggg==); width: 24px; height: 16px; position: absolute; right: 0; bottom: 0; } .xl_pop_orev{ height: 283px; margin-top: -142px; } .xl_pop_orev .xl_pop_suggest{ font-size: 12px; color: #4B4B4B; line-height: 20px; width: 270px; margin: 2px auto 22px; } .xl_pop_orev .icon_xl_warn{ margin-top: 2px; width: 46px; height: 42px; } .xl_pop_orev .icon_xl_warn.icon_xl_browser{ background-image: url(http://pstatic.xunlei.com/js/v2/img/spr.png); background-position: -56px 0px; background-repeat: no-repeat; } .xl_pop_orev .xl_top_warning span{ margin-top: -3px; vertical-align: top; display: inline-block; width: 232px; text-align: left; font-size: 16px; line-height: 26px; } .xl_pop_orev .xl_top_warning{ margin-top: 23px; height: 46px; } .xl_pop_orev2{ height: 256px; margin-top: -248px; } .xl_pop_orev2 .xl_top_pop{ height: 146px; } .xl_pop_orev2 .xl_btn _know{ margin: 20px auto 0; } .xl_pop_orev2 .icon_xl_warn{ width: 46px; height: 43px; margin-top: 2px; } .xl_pop_orev2 .icon_xl_warn.icon_xl_batch{ background-image: url(http://pstatic.xunlei.com/js/v2/img/spr.png); background-position: 0px 0px; background-repeat: no-repeat; } .xl_pop_orev2 .xl_top_warning{ margin-top: 33px; line-height: 26px; height: 46px; font-size: 16px;} .xl_pop_orev2 .xl_top_warning span{ margin-top: -3px; vertical-align: top; display: inline-block; width: 249px; text-align: left; font-size: 16px; line-height: 26px; } .xl_pop_orev .xl_bot_pop{ height: 132px; } .xl_pop_orev2 .xl_bot_pop{ height: 90px; } .xl_wp_downjs{ width: 30px; height: 30px; position: absolute; top: 0; right: 30px; } .xl_wp_downjs .xl_btn_downjs{ width: 30px; height: 30px; position: absolute; left: 0; top: 1;} .xl_wp_downjs .xl_btn_downjs:hover{ background: #6187E4; } .xl_wp_downjs .xl_btn_downjs:active{ background: #5879CB; } .xl_wp_downjs .xl_btn_downjs i{ background-image: url(http://pstatic.xunlei.com/js/v2/img/spr.png); background-position: -85px -53px; background-repeat: no-repeat; width: 12px; height: 12px; left: 50%; top: 50%; margin: -6px 0 0 -6px; position: absolute; z-index: 2;} .xl_wp_downjs .xl_wp_downjs_tip{ display: none; position: absolute; bottom: 32px; left: 50%; margin-left: -88px; } .xl_wp_downjs .xl_wp_downjs_tip p{ margin: 0; width: 173px; height: 25px; line-height: 25px; color: #000; background: #fff; border:1px solid #DFDFDF; font-size: 12px; text-align: center; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,.2); box-sizing: border-box; } .xl_wp_downjs_tip:after{ content: ''; background: url(http://pstatic.xunlei.com/js/v2/img/spr.png) no-repeat; background-position: -85px -73px; width: 17px; height: 9px; position: absolute; bottom: -7px; left: 50%; margin-left: -8px; } .xl_wp_downjs:hover .xl_wp_downjs_tip{ display: block; } .xl_bot_tip{ color: #000; margin-top: 20px; padding: 0 30px; font-size: 12px; line-height: 12px; } .xl_wp_downapp{ margin: 0; float:left; position: relative; height: 12px; text-align: center; } .xl_wp_downapp .tip_app .icon_xl_phone{ background: url(http://pstatic.xunlei.com/js/v2/img/spr.png) no-repeat; width: 12px; height: 12px; background-position: -104px -53px; display: inline-block; vertical-align: -2px; margin-right: 2px; position: relative; } .xl_downapp_tip{ display: none; position: absolute; top: 40px; left: 50%; margin-left: -63px; } .xl_downapp_tip .xl_img_code{ border:1px solid #DFDFDF; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,.2); padding: 20px; background: #fff; width: auto; height: auto; } .xl_downapp_tip:after{ content: ''; background: url(http://pstatic.xunlei.com/js/v2/img/spr.png) no-repeat; background-position: -104px -74px; width: 17px; height: 9px; position: absolute; top: -7px; left: 50%; margin-left: -8px; } .xl_wp_downapp:hover .xl_downapp_tip{ display: block; } .xl_bot_tip .xl_tip_downmkv{ float: right; margin: 0;} .xl_bot_tip .xl_tip_downmkv .link{ margin-left: 2px; color: #6699ff; text-decoration: none; } .xl_bot_tip .xl_tip_downmkv .link:hover{ text-decoration: underline; } .xl_pop_orev2 .xl_btn{ margin-top: 22px; } .xl_wp_downmkv{ float: right; position: relative; height: 12px; } .xl_downmkv_tip{ display: none; margin-left: -20px; position: absolute; top: 40px; left: 50%;} .xl_downmkv_tip p{ margin: 0; border: 1px solid #DFDFDF; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,.2); background: #fff; width: auto; padding: 9px 15px; line-height: 20px; white-space: nowrap;} .xl_downmkv_tip:after{ content: ''; background: url(http://pstatic.xunlei.com/js/v2/img/spr.png) no-repeat; background-position: -104px -74px; width: 17px; height: 9px; position: absolute; top: -7px; left: 50%; margin-left: -8px; } .xl_wp_downmkv:hover .xl_downmkv_tip{ display: block; } .xl_wp_downapp p{ margin: 0; } .dl_msg{width: auto;margin: 0 auto;padding: 8px 20px;color: rgba(0, 0, 0, 0.5);font-size: 16px;text-align: center} .dl_msg p{width:60%;margin:7px auto;text-align:left;font-size:15px} .dl_msg .dl_Msg_dl{padding: 15px 25px;background-color: #5FB878;text-decoration: none;display: inline-block;color: #fff;margin:0 5px} .dl_msg .dl_Msg_dl:hover{background-color: #54af6d;} .msg_warning{margin: 0;width: 100%;text-align: center;font-size: 14px;margin-top: 10px;line-height:10px} .msg_dl_slow{float: right;} .msg_dl_slow a{float: right;font-size: 10px;color: #5b6aff;text-decoration: none} /*dl_container引导层*/ .open_dl_container{position: fixed;width: 100%;height: 100%;background-color:rgba(105,105,105,0.5);;z-index: 99;padding: 10px;min-width: 300px;top:0;left: 0;right: 0;bottom: 0;} .dl_container{/*width: 900px;*/ width:80%;margin: 0 auto;border: 2px solid #66686E;position: relative;overflow: hidden;height: 400px;padding: 0;margin-top: 150px;} .dl_container .con_step_strong{color: orangered} .dl_container .container_btn {position: absolute;bottom: 20px;width: 100%;text-align: center;height: auto;} .dl_container .container_btn button{padding: 6px 20px;margin: 0 auto} .dl_container .container_btn .btn_l, .btn_close{display: none} .dl_container .con_step{/*width:900px;*/ width: 100%; height: 400px;;overflow:hidden;margin: 0;font-size: 0;} .dl_container .con_step .con_step_list {height: 400px;width: 14000px;;font-size: 0;background-color: #f5f5f5} .dl_container .con_step .con_step_list .con_step_item0 p{margin: 0 0 10px} .dl_container .con_step .con_step_list .con_step_item{display: inline-block;/*width: 900px;*/ width:100%;height: 100%;background-color: #f5f5f5;font-size: 17px;text-align: center;color: #545353;overflow: hidden} .dl_container .con_step .con_step_list .con_step_item h3{color: black;font-weight: bold} .dl_container .con_step .con_step_list .con_step_item .con_step_item_text{width: 70%;margin: 0 auto;text-align: left} .dl_container .con_step .con_step_list hr{width: 30%;border-color: black} .dl_container .con_step .con_step_list .con_step_item2 img{width: 600px;height: 300px;} .dl_container_pc .con_step .con_step_list .con_step_adr_item3 p{margin-bottom: 15px;} .dl_container .con_step .con_step_list .con_step_item3 img{height: 150px;} .dl_container .con_step .con_step_list .con_step_item_adr {display: none} .dl_container_hide{display: none } @media (max-width: 990px) { .erphpdown p.down-price{display: block;width: 100%;text-align: center;clear: both} .erphpdown p.down-ordinary{float: left;} .erphpdown .down-detail{overflow: auto;padding: 20px 50px;} .erphpdown .down-yd_right{} .erphpdown p.down-ordinary a, .erphpdown .down-yd_right a{padding:3px 8px;} .erphpdown p.down-ordinary, .erphpdown .down-yd_right{margin: 8px 0 0 0 !important;} } @media (max-width: 800px) { .erphpdown .down-detail_content{width: 80%} .erphpdown .down-detail{padding: 15px 30px;} .erphpdown p a{margin: 0;} .erphpdown-paybox_big_button{display: none;} } @media (max-width: 450px) { .msg_warning_span{display: none} #erphpdown-download, .xl_top_pop{width: 300px} } @media (max-width: 350px) { .erphpdown .down-detail{padding: 15px 10px;} } /*dl_container引导层*/ @media (max-width: 1025px) and (min-width: 700px) { .dl_container{height: 90%;margin-top: 10%;background-color:#f5f5f5 } .dl_container .con_step, .dl_container .con_step .con_step_list{;height: 100%; } .dl_container .con_step .con_step_list .con_step_item_pc{display: none} .dl_container .con_step .con_step_list .con_step_adr_item2 img{width: 200px;height:270px;border: 1px solid grey} .dl_container .con_step .con_step_list .con_step_adr_item3 img{width: 300px;height:370px;border: 1px solid grey} .dl_container .con_step .con_step_list .con_step_adr_item2 p{display: inline-block;width: 100%;} .dl_container .con_step .con_step_list .con_step_adr_item5 div{text-align: left;width: 90%;margin: 0 auto} .dl_container .con_step .con_step_list .con_step_item_adr {display: inline-block} .dl_container .con_step .con_step_list .con_step_item{} .dl_container .con_step .con_step_list .con_step_item .con_step_item_text{width: 90%} .dl_container .con_step .con_step_list .con_step_adr_item5 div, .dl_container .con_step .con_step_list .con_step_item0 div, .dl_container .con_step .con_step_list .con_step_item_text div{margin-top: 10%} .dl_container .con_step .con_step_list .con_step_ios_item3 img, .dl_container .con_step .con_step_list .dl_container_iosgif{width: 350px;} .dl_container .con_step .con_step_list .con_step_ios_item5 div{text-align: left;margin-top: 5%;width: 90%;margin: 0 auto} .dl_container_hide{display: none } } @media (max-width: 700px) { .dl_container{width: 98%;height: 97%;margin-top: 5%;background-color:#f5f5f5;margin-top: 0} .dl_container .con_step .con_step_list hr{margin: 0 auto;margin-bottom: 5px;width: 50%} .dl_container .con_step .con_step_list .con_step_item div {font-size: 16px;width: 95%;margin: 0 auto} .dl_container .con_step .con_step_list .con_step_item0 div, .dl_container .con_step .con_step_list .con_step_item1 .con_step_item_text {margin-top: 20%;font-size: 16px;} .dl_container .con_step .con_step_list .con_step_item .con_step_item_text, .dl_container .con_step .con_step_list .con_step_adr_item5 div{width: 90%;margin:0 auto;margin-top: 15%} .dl_container .con_step .con_step_list .con_step_item0 div p{text-align: left;padding: 8px;} .dl_container .con_step .con_step_list .con_step_item0 div h4{padding-top: 50px;color: black;} .dl_container .con_step{/*width:340px*/;height:100%} .dl_container .con_step .con_step_list{height: 100%} .dl_container .con_step .con_step_list h3{font-size: 18px;} .dl_container .con_step .con_step_list .con_step_item_pc{display: none} .dl_container .con_step .con_step_list .con_step_adr_item2 img, .dl_container_pc .con_step .con_step_list .con_step_adr_item3 img{width: 200px;height:270px;border: 1px solid grey} .dl_container .con_step .con_step_list .con_step_adr_item2 p{display: inline-block;width: 100%;} .dl_container .con_step .con_step_list .con_step_item_adr {display: inline-block} .dl_container .con_step .con_step_list .con_step_item{/*width: 340px;*/} .dl_container .con_step .con_step_list .con_step_item4 div{margin-top: 12%} .dl_container .con_step .con_step_list .con_step_ios_item3 img{width: 300px;} .dl_container .con_step .con_step_list .dl_container_iosgif{width: 230px;height: auto} .dl_container .con_step .con_step_list .con_step_ios_item4 div {text-align: left;} .dl_container .con_step .con_step_list .con_step_ios_item4 h3{font-size: 16px;} .dl_container .con_step .con_step_list .con_step_ios_item4 div p {margin-bottom: 0;font-size: 12px;} .dl_container .con_step .con_step_list .con_step_ios_item4 .dl_container_iosgif{width: 230px;} .dl_container .con_step .con_step_list .con_step_ios_item5 div{text-align: left;margin-top: 5%;width: 90%} .dl_container_hide{display: none } } @media (max-width: 450px) { .dl_container .container_btn button{font-size: 15px;padding: 6px 25px} .dl_container .con_step .con_step_list .con_step_adr_item2 img, .dl_container_pc .con_step .con_step_list .con_step_adr_item3 img{height:190px } .dl_container_pc .con_step .con_step_list .con_step_adr_item3 h3{font-size: 16px;} .dl_container_pc .con_step .con_step_list .con_step_adr_item3 div{font-size: 14px;} .dl_container_pc .con_step .con_step_list .con_step_adr_item3 p{margin: 1px;margin-bottom: 1px;} .dl_container_pc .con_step .con_step_list .con_step_adr_item3 img{height: 195px;} .dl_container .con_step .con_step_list .con_step_ios_item3 img{width: 230px;} .dl_container .con_step .con_step_list .dl_container_iosgif{width: 200px;height: auto} .dl_msg p{width:80%} .dl_container_hide{display: none } } @media (max-width: 380px){ .open_dl_container{padding: 3px} .dl_container{width: 100%} .dl_container .container_btn button{font-size: 13px;padding: 4px 20px} .dl_container_hide{display: none } .dl_container .con_step .con_step_list .con_step_adr_item2 img, .dl_container_pc .con_step .con_step_list .con_step_adr_item3 img{height:170px } } @media (max-width: 340px){ .dl_container .con_step .con_step_list .con_step_adr_item2 img, .dl_container_pc .con_step .con_step_list .con_step_adr_item3 img{height: 170px} .dl_container_pc .con_step .con_step_list .con_step_adr_item3 img{height: 170px;} .dl_container .con_step .con_step_list .con_step_ios_item4 .dl_container_iosgif{width: 160px;height: auto} .dl_container .con_step .con_step_list .con_step_ios_item3 img{width: 180px;} .dl_container .con_step .con_step_list .con_step_item div{font-size: 12px;} .dl_container .con_step .con_step_list .con_step_item div p{margin-bottom: 4px;} .dl_container .con_step .con_step_list .dl_container_iosgif{width: 170px;} } @media (max-width: 325px){ .dl_container .con_step .con_step_list .con_step_adr_item2 img, .dl_container_pc .con_step .con_step_list .con_step_adr_item3 img{height: 150px} .dl_container_pc .con_step .con_step_list .con_step_adr_item3 img{height: 150px;} }