/*.phone_nav*/ .phone_nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; } .phone_nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; } .phone_nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; position: relative; } .phone_nav .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; } .phone_nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; z-index: 1; position: relative; } .phone_nav .nav form .iconfont { position: absolute; top: 0; right: 0; width: 20%; height: 26px; text-align: center; line-height: 26px; color: #0a68a8; z-index: 0; background-color: #fff; } .phone_nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .phone_nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; font-family: arial; } .phone_nav .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../fonts/shizi.png") no-repeat center center; } .phone_nav .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; } .phone_nav .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; margin-right: 40px; } .phone_nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; font-family: arial; } .phone_nav .nav > ul > li .c-show { display: none; width: 100%; } .phone_nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; } .phone_nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px; } .phone_nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; font-family: arial; } .phone_nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; } .phone_nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; } .phone_nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px; } .phone_nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; font-family: arial; } .phone_nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; } .phone_nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .phone_nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; font-family: arial; } .phone_nav .nav > ul > dl { padding: 20px; } .phone_nav .nav > ul > dl dd { float: left; margin: 0 2px; } .phone_nav .nav > ul > dl dd img { width: 23px; } .phone_nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; } .phone_nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #0a68a8; } @media screen and (min-width: 768px) { .phone_nav, .nav { display: none !important; } } /*# sourceMappingURL=nav.css.map */