@charset "utf-8";

html, body {margin:0; padding:0; border:0; font-family:'Microsoft YaHei'; font-size:3.2vw; color:#333; background-color:#eee;}
.green {color:#00b151;}
.red {color:#ff0000;}

.my_swap {width:100%; margin:0; padding:0; border:0;}

.my_swap .dvc_inf {width:100vw; height:26vw; background-color:#fff;}
.my_swap .dvc_inf .pic {float:left; width:20vw; height:20vw; margin-left:3vw; margin-top:3vw;}
.my_swap .dvc_inf .pic img {width:100%; height:100%;}
.my_swap .dvc_inf .txt {float:left; width:71vw; height:26vw; margin-left:3vw;}
.my_swap .dvc_inf .txt .nms {width:71vw; height:4.6vw; margin-top:3.4vw; font-size:3.6vw;}
.my_swap .dvc_inf .txt .nms .nam {float:left;}
.my_swap .dvc_inf .txt .nms .sts {float:right;}
.my_swap .dvc_inf .txt .cod {width:71vw; height:3.8vw; margin-top:3.2vw; font-size:3.2vw; color:#666;}
.my_swap .dvc_inf .txt .bas {width:71vw; height:3.8vw; margin-top:3.2vw; font-size:3.2vw; color:#666;}

.my_swap .dvc_vdo {width:100vw; height:77vw; margin-top:3.2vw; padding-top:3vw; background-color:#fff;}
.my_swap .dvc_vdo .tlt {width:94vw; height:4.0vw; margin-left:3vw; font-weight:bold;}
.my_swap .dvc_vdo .vdo {width:94vw; height:66vw; margin-left:3vw; margin-top:3vw; background-color:#444;}

.my_swap .dvc_map {width:100vw; height:81vw; margin-top:3.2vw; padding-top:3vw; background-color:#fff;}
.my_swap .dvc_map .tlt {width:94vw; height:4.0vw; margin-left:3vw; font-weight:bold;}
.my_swap .dvc_map .map {width:94vw; height:70vw; margin-left:3vw; margin-top:3vw; background-color:#ddd;}