|
@@ -1,63 +0,0 @@
|
|
|
-@charset "utf-8";
|
|
|
-li{list-style:none}
|
|
|
-/**
|
|
|
- * PC端
|
|
|
- */
|
|
|
-@media screen and (min-width:768px){
|
|
|
-.instrumentBox{width:100%;margin:16px 0;background:#FFF;box-sizing:border-box;padding:15px}
|
|
|
-.instrumentBox .imageBox{float:left;width:452px;height:300px;background:#F3F7FE;}
|
|
|
-.instrumentBox img{width:100%;height:100%;display:block}
|
|
|
-.instrumentBox .infoBox{float:right;width:686px;color:#93979F;background:#F3F7FE;box-sizing:border-box;padding:10px 20px;font-size:14px;border-radius:2px;position:relative;}
|
|
|
-.instrumentBox .infoBox hr{border:none;border-top:1px dashed #BEC2C9;margin:5px 0}
|
|
|
-.instrumentBox .infoBox .row{position:relative;padding:3px 0 3px 70px;line-height:24px}
|
|
|
-.instrumentBox .infoBox .row .l{display:inline-block;min-width:56px;height:24px;text-align:justify;vertical-align:top;margin-left:-70px;}
|
|
|
-.instrumentBox .infoBox .row .l:after{content:'';display:inline-block;width:100%}
|
|
|
-.instrumentBox .infoBox .row>i{font-style:normal;}
|
|
|
-.instrumentBox .infoBox .row em{font-style:normal;color:#4A4F58}
|
|
|
-.instrumentBox .infoBox .tit{color:#E15616;padding:3px 0;line-height:24px;}
|
|
|
-.instrumentBox .infoBox .share{position:absolute;right:20px;top:10px}
|
|
|
-.instrumentBox .infoBox .share .icon{vertical-align:middle;display:inline-block;height:30px}
|
|
|
-.instrumentBox .infoBox .share .icon:before{width:32px;height:30px;background-position:-96px -293px}
|
|
|
-.instrumentBox .infoBox .buy{position:absolute;right:20px;bottom:20px;width:208px;height:50px;line-height:50px;background:#E15616;color:#FFF;font-size:18px;text-align:center;border-radius:2px}
|
|
|
-.instrumentBox .infoBox .buy:hover{opacity:.8}
|
|
|
-
|
|
|
-.detailInfo{box-sizing:border-box;padding:0 16px;width:1184px;background:#FFF}
|
|
|
-.detailInfo .tabTit{height:40px;line-height:40px;border-bottom:1px solid #E15621;font-size:16px;color:#93979F}
|
|
|
-.detailInfo .tabTit span{display:inline-block;box-sizing:border-box;min-width:130px;text-align:center;height:100%;padding:0 32px;cursor:pointer}
|
|
|
-.detailInfo .tabTit span:hover{color:#E15621}
|
|
|
-.detailInfo .tabTit span.on,.detailInfo .tabTit span.on:hover{background:#E15621;color:#FFF}
|
|
|
-.detailInfo .tabCon{padding:16px 0;text-align:center}
|
|
|
-.detailInfo .tabCon img{max-width:100%;}
|
|
|
-.detailInfo .tabCon table{width:100%;text-align:left}
|
|
|
-
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
-* 移动端
|
|
|
-*/
|
|
|
-@media screen and (max-width:768px){
|
|
|
-.instrumentBox{width:100%;background:#FFF;padding-bottom:2.7vw;margin-bottom: 2.7vw;}
|
|
|
-.instrumentBox .imageBox{width:100%;height:66.6vw;}
|
|
|
-.instrumentBox img{width:100%;height:100%;display:block}
|
|
|
-.instrumentBox .infoBox{width:93.4vw;margin:2.7vw auto 0;color:#93979F;background:#F3F7FE;box-sizing:border-box;padding:2.7vw;font-size:3.4vw;border-radius:2px;position:relative;}
|
|
|
-.instrumentBox .infoBox hr{border:none;border-top:1px dashed #BEC2C9;margin:1vw 0}
|
|
|
-.instrumentBox .infoBox .row{position:relative;padding:1.3vw 0 1.3vw 16vw;line-height:4.7vw}
|
|
|
-.instrumentBox .infoBox .row .l{display:inline-block;min-width:14.2vw;height:7.4vw;text-align:justify;vertical-align:top;margin-left:-16vw;}
|
|
|
-.instrumentBox .infoBox .row .l:after{content:'';display:inline-block;width:100%}
|
|
|
-.instrumentBox .infoBox .row>i{font-style:normal;}
|
|
|
-.instrumentBox .infoBox .row em{font-style:normal;color:#4A4F58}
|
|
|
-.instrumentBox .infoBox .tit{color:#E15616;padding:1.3vw 0;line-height:4.7vw;}
|
|
|
-.instrumentBox .infoBox .share,.instrumentBox .infoBox .buy{display:none;}
|
|
|
-
|
|
|
-.detailInfo{background:#FFF;margin-bottom:2.6vw;}
|
|
|
-.detailInfo .tabTit{padding:1.5vw 3.3vw;}
|
|
|
-.detailInfo .tabTit span{display:inline-block;height:7.5vw;line-height:7.5vw;border-bottom:2px solid transparent;color:#93979F;font-size:3.4vw;margin-left:8vw;}
|
|
|
-.detailInfo .tabTit span.on{color:#E15621;border-color:#E15621}
|
|
|
-.detailInfo .tabTit span:first-child{margin-left:0;}
|
|
|
-.detailInfo .tabCon{padding:1.2vw 3.3vw 3.3vw;text-align:center;font-size:3.4vw;}
|
|
|
-.detailInfo .tabCon img{max-width:100%;height:auto!important;}
|
|
|
-.detailInfo .tabCon table{width:100%;text-align:left}
|
|
|
-
|
|
|
-}
|
|
|
-
|